es6 filter, includes, from 사용

HTML

  <ul>
        <li>apple</li>
        <li>orange</li>
        <li>banana</li>
        <li>strawberry</li>
    </ul>

 

JS

 

    <script>
        /* filter, includes, from 사용해서 문자열 e가 노드로 구성된 배열을 만들어서 반환하기*/
        function print(){
            let list = document.querySelectorAll('li');
            let listArry = Array.from( list );  // <!-- Array.from()  메소드는 배열로 변환할 유사 배열 혹은 반복 가능한 객체를 이용하여, 복사된 배열을 리턴
            let eArray = listArry.filter( function( v ){
                return v.innerText.includes( "e" );    // <!--  includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별
            });

            return eArray;
        }
        
        console.log(print());

        // [li, li, li,]
    </script>

 

모던 자바스크립트(javascript) 개발을 위한 ES6 강좌 내용 中

실습 예제 1 풀어보

실습 예제 1 풀어보기실습 예제 1 풀어보기