차근차근

HTMLCollection과 NodeList는 DOM을 사용하다 보면 볼 수 있는 컬렉션이다. 둘 다 배열처럼 보이지만 배열이 아닌 유사배열이고 각각 특징이 다르기 때문에 자세하게 살펴본다. 아이디 텍스트노드 4~20자의 영문 소문자, 숫자만 사용 가능합니다. 이미 사용하고 있는 아이디입니다. HTMLCollection HTMLCollection은 문서 내에 순서대로 정렬된 요소(Element)의 컬렉션이며 유사배열이다. children 프로퍼티를 이용해 접근할 수 있다. const collection = document.body.children console.log(collection); // HTMLCollection(4) [label, input#username, div.failure-message..

유사 배열 배열과 유사한 객체를 유사배열이라 한다. 유사 배열에도 최소한의 조건과 특징이 있다. 1. 숫자 형태의 indexing이 가능하다. 배열은 각 요소에 0부터 순서대로 매겨진 index를 통해 요소에 접근하고 요소의 관계 파악도 할 수 있다. 유사 배열도 각 요소에 0부터 시작하는 숫자 형태의 index가 있어야 한다. 2. length 프로퍼티가 있다. 객체가 가지고 있는 요소의 갯수를 저장하는 length 프로퍼티도 배열의 특징이다. 유사 배열 역시 length 프로퍼티가 있어야한다. 3. 배열의 기본 메소드를 사용할 수 없다. 유사 배열이 완전한 배열이 아닌 가장 큰 이유로 기본적인 배열의 메소드를 사용할 수 없다는 것이다. 배열의 메소드를 활용할 수 없다는 특징이 유사 배열을 활용하는 목..