> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 반복자를 배열로 변환하는 방법은 무엇입니까?

JavaScript 반복자를 배열로 변환하는 방법은 무엇입니까?

王林
풀어 주다: 2023-09-16 20:57:03
앞으로
993명이 탐색했습니다.

如何将 JavaScript 迭代器转换为数组?

JavaScript에서 반복자는 각 반복에서 단일 요소를 반복하고 액세스할 수 있는 요소 모음입니다. 컬렉션, 맵 또는 객체는 JavaScript의 반복자이며 배열에서처럼 인덱스를 사용하여 반복자의 요소에 액세스할 수 없습니다.

그래서 먼저 반복자를 배열로 변환해야 합니다. 여기서는 array.from() 등과 같은 다른 메서드를 사용하여 반복자를 배열로 변환합니다.

for-of 루프를 사용하세요

반복자의 각 요소에 대한 for-of 루프에는 컬렉션과 맵이 있습니다. for-of 루프에서는 배열에 요소에 액세스하고 추가할 수 있으며 push() 메서드를 사용하여 배열에 요소를 추가할 수 있습니다.

문법

사용자는 아래 구문에 따라 for-of 루프를 사용하여 반복자를 배열로 변환할 수 있습니다.

으아악

위 구문에서는 for-of 루프에서 반복자의 요소에 액세스하고 이를 배열로 푸시합니다

예 1

아래 예에서는 test_array를 생성하고 일부 숫자로 초기화합니다. 그런 다음 Symbol.iterator()를 사용하여 배열을 반복자로 변환합니다.

다음으로 for-of 루프를 사용하여 반복자를 반복합니다. 반복자의 모든 요소에 하나씩 액세스하여 배열에 푸시합니다. for 루프의 모든 반복이 완료되면 전체 반복자 배열을 얻습니다.

으아악

array.from() 메소드를 사용하세요

Array.from() 메서드는 반복자에서 배열을 생성합니다. array.from() 메소드의 매개변수로 반복자 객체를 전달해야 합니다. 반복자를 배열로 변환한 후 배열을 반환합니다.

문법

사용자는 아래 구문에 따라 array.from() 메서드를 사용하여 반복자를 배열로 변환할 수 있습니다.

으아악

위 구문에서 test_set은 배열로 변환할 반복자입니다.

매개변수

test_set – 배열로 변환할 반복자입니다.

예 2

아래 예에서는 다양한 요소를 사용하여 컬렉션을 만들었습니다. 그런 다음 array.from() 메서드를 사용하여 컬렉션을 배열로 변환합니다. 출력에서 사용자는 array.from() 메서드에서 반환된 배열을 볼 수 있습니다.

으아악

스프레드 연산자를 사용하세요

확산 연산자를 사용하면 array.from() 메서드와 같이 반복자를 배열로 변환할 수도 있습니다. 반복자의 모든 요소를 ​​새 배열에 복사합니다. 또한 이를 사용하여 배열을 복제할 수도 있습니다.

문법

사용자는 스프레드 연산자를 사용하여 아래 구문에 따라 반복자를 배열로 변환할 수 있습니다

으아악

위 구문에서 test_map은 반복자입니다.

예 3

아래 예에서는 고유한 키와 값이 있는 맵을 만들었습니다. 키를 사용하여 지도에서 특정 값에 액세스할 수 있습니다.

스프레드 연산자를 사용하여 test_map을 배열로 변환했습니다. 출력에서 사용자는 맵의 각 키와 값이 배열에 추가되었음을 확인할 수 있습니다

으아악

예 4

이 예에서는 컬렉션 반복자를 배열로 변환합니다. 새로운 Set() 생성자는 숫자, 부울 및 문자열 요소에서 집합을 만드는 데 사용됩니다.

그런 다음 스프레드 연산자를 사용하여 컬렉션 반복자를 배열로 변환합니다.

으아악

이 튜토리얼에서는 반복자를 배열로 변환하는 세 가지 방법을 배웠습니다. 가장 좋은 방법은 배열 복제와 같은 다른 기능도 제공하는 스프레드 연산자를 사용하는 것입니다.

위 내용은 JavaScript 반복자를 배열로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿