써먹는 웹개발

[ES6] 배열 재조회 (필요한 데이터만 가져오기) 본문

웹개발/ES6, ES2020

[ES6] 배열 재조회 (필요한 데이터만 가져오기)

kmhan 2020. 8. 2. 22:38


728x90
반응형

html 소스

<html>
...
<body>
 <ul>
  <li>apple</li>
  <li>orange</li>
  <li>banana</li>
  <li>strawberry</li>
 </ul>
</body>
</html>

 

 

function print() {

 // 문자열 'e'가 포함된 노드로 구성된 배열을 만들어서 반환하기

 let list = document.quarySelectorAll("li");

 let listArray = Array.from(list);

 let eArray = listArray.filter(function(v) {

  return v.innerText.includes("e");

 });

 return eArray;

}

 

출처 : https://www.inflearn.com/course/es6-%EA%B0%95%EC%A2%8C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8/lecture/6988?tab=curriculum

728x90
반응형


Comments