유사 배열

유사배열이란 구조는 배열과 유사하나 실제로는 객체에 가까운 것을 말한다.

<div class="item">Item 1</div>
<div class="item">Item 2</div>
<div class="item">Item 3</div>

<script>
    // .item 클래스를 가진 요소들을 NodeList로 가져오기
    const items = document.querySelectorAll('.item');
    items.push('안녕');
    console.log(items); // 유사 배열 출력

    
</script>

item클래스를 가진 객체들을 다 불러온 후 push()함수를 사용을 한 후 로그를 찍어보자

함수가 아니라는 문구가 뜨는데 이 배열을 로그찍어보면
NodeList안에 배열이 쌓여 있는것을 볼 수 있다. 이것이 유사 배열인데 Map(),Filter() 같은 함수를 쓸 수 없다 따라서 이 유사배열을 일반 배열처럼 사용하기 위해서는

 const items = [... document.querySelectorAll('.item')];

처럼 document.querySelector를 [... ]로 감싸줘야 한다.

로그를 확인해 보면 hi가 push() 된 것을 볼 수 있다.