실습 예제 1 - Javascript ES6

문제) 아래의 li 태그 내에 있는 목록의 것들 중,

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

/* 
아래의 방식으로 풀 수 있다.
1. li 태그를 전부 select 
2. select한 배열 내를 filter 하는 method
3. filter 시에 includes, from의 사용
*/
function print(){
  let list = document.querySelectorAll("li");
  //이렇게 하면 list가 "[object NodeList]"라는 Array-like 값으로 나옴

  let listArray = Array.from(list);
  //listArray의 각 원소는 Node이므로 값 판별을 위해서는 innerText에 대하여 판별을 해야함

  let eArray = listArray.innerText.filter(function(value){
    return value.includes("e");
  });
  return eArray;
}