es6에서 배열 순회를 구현하는 방법

WBOY
풀어 주다: 2022-04-25 16:45:57
원래의
3045명이 탐색했습니다.

방법: 1. 배열 인덱스를 순회할 수 있는 "array.keys()" 메서드를 사용합니다. 2. 배열 요소를 순회할 수 있는 "array.values()" 메서드를 사용합니다. .entries() )" 메서드는 배열의 인덱스와 요소를 순회할 수 있습니다.

es6에서 배열 순회를 구현하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6에서 배열 순회를 구현하는 방법

ES6에서는 배열의 순회자를 반환하는 항목(), 키(), 값() 메서드를 제공합니다. 반복자(Iterator)의 경우 편의상 for...of를 사용할 수 있습니다. 또는 Entry()에서 반환된 반복자를 Iterator.next() 메서드에서 탐색할 수 있습니다.

1. 이동하려면 키()를 사용하세요.

keys()는 배열 요소 인덱스 번호의 순회자를 반환합니다.

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k']
for (let index of arr1.keys()) {
  console.log(index);
}
로그인 후 복사

결과:

출력은 각 배열 요소의 인덱스임을 확인할 수 있습니다.

0  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10
로그인 후 복사

2. 값()을 사용하여 순회하세요.

values()는 배열 요소 값의 순회자를 반환합니다.

for (let val of  arr1.values()) {
  console.log(val);
}
로그인 후 복사

결과:

a 
b 
c 
d 
e 
f 
g 
h 
i 
j 
k
로그인 후 복사

3. 항목()을 사용하여 탐색합니다.

구조 분해와 함께 사용하면 요소의 인덱스와 값을 얻을 수 있습니다.

for (let [index, val] of arr1.entries()) {
  console.log(index, val);
}
로그인 후 복사

결과:

0 'a'
1 'b'
2 'c'
3 'd'
4 'e'
5 'f'
6 'g'
7 'h'
8 'i'
9 'j'
10 'k'
로그인 후 복사

4 순회하려면 Iterator.next()를 사용하세요.

entries()에서 반환된 순회자를 기반으로 순회자의 next() 메서드를 호출하면 각 요소의 액세스 항목을 얻을 수 있습니다. 해당 항목에는 종료하기 편리한지 여부를 나타내는 done 속성이 있습니다. 요소의 인덱스이자 값의 배열인 입구를 통해 값 속성을 얻을 수 있습니다.

let arrEntries=arr1.entries();
let entry=arrEntries.next();
while(!entry.done){
  console.log(entry.value);
  entry=arrEntries.next();
}
로그인 후 복사

결과:

[ 0, 'a' ]
[ 1, 'b' ]
[ 2, 'c' ]
[ 3, 'd' ]
[ 4, 'e' ]
[ 5, 'f' ]
[ 6, 'g' ]
[ 7, 'h' ]
[ 8, 'i' ]
[ 9, 'j' ]
[ 10, 'k' ]
로그인 후 복사

[관련 권장 사항: javascript 비디오 튜토리얼, web front-end]

위 내용은 es6에서 배열 순회를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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