JavaScript에서 iterable을 배열로 변환?

JavaScript ES6은 무엇보다도 스프레드 연산자 (...)[ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax ]를 도입했습니다. 이 연산자를 사용하면 0개 이상의 인수 또는 요소가 예상되는 위치에서 iterable을 확장할 수 있습니다.

스프레드 연산자를 사용하여 iterable을 변환하거나 때로는 배열과 유사한 것으로 참조할 수 있습니다. 몇 가지 예를 살펴보겠습니다.



스프레드 연산자가 문자열에 적용되면 결과는 각각 원래 문자열의 문자를 나타내는 문자열 배열입니다.

const name = 'Zelda';
const letters = [...name]; // 'Z', 'e', 'l', 'd', 'a'


세트



집합은 고유한 값의 모음입니다. 스프레드 연산자가 적용되면 결과는 저장된 값의 배열입니다.

const data = [1, 2, 3, 1, 2, 4]
const values = new Set(data);
const uniqueValues = [...values]; // [1, 2, 3, 4]


위의 예는 uniqueElements snippet[ https://www.30secondsofcode.org/js/s/unique-elements ]의 기초입니다.

노드 목록



NodeList는 document.childNodes() 또는 document.querySelectorAll()과 같은 메서드에서 반환되는 노드 모음입니다. 배열로 조작하는 데 도움이 되는 몇 가지 메서드(예: NodeList.prototype.forEach())를 구현하지만 종종 배열로 변환하는 것이 바람직합니다. 스프레드 연산자가 적용되면 결과는 포함된 노드의 배열입니다.

const nodes = document.childNodes;
const nodeArray = [...nodes]; // [ <!DOCTYPE html>, html ]


위의 예는 nodeListToArray 스니펫[ https://www.30secondsofcode.org/blog/s/js/s/node-list-to-array ]의 기초입니다.

좋은 웹페이지 즐겨찾기