[책] 자바스크립트 코드 레시피 278 - 50일차

유사 배열 객체를 배열로 변환하기

• 문자열과 유사 배열(ArrayLike)을 배열로 변환하고 싶을 때
• 반복 가능iterable한 객체를 배열로 변환하고 싶을 때

구문

[...ElementList];

실습

[...ElementList]; 스프레드 연산자를 사용하면 유사 배열 객체를 배열로 변환할 수 있습니다.
유사 배열 특징은 length 속성으로 크기를 확인할 수 있다 인덱스가 부여된 요소를 가진다.

const allDivElementList = document.querySelectorAll('div');
console.log(allDivElementList); // NodeListOf 객체는 유사 배열
const elementsArray = [...allDivElementList];
console.log(elementsArray); // 배열
elementsArray.filter((element) => element.classList.contains('on'));

---

문자열도 length와 인덱스로 접근이 가능하기 때문에 유사 배열입니다.

const myString = '안녕하세요';
console.log(myString.length); // 결과: 5
console.log(myString[2]); // 결과: '하'

---

문자열도 배열로 변환할 수 있습니다.

const myTitle = '안녕하세요';
console.log([...myTitle]);