ES6 에서 Iterator 와 for. of. 옮 겨 다 니 는 용법 분석
Iterator 와 for. of.. 옮 겨 다 니 기
1. Iterator 개념
스 트 리밍 기 (Iterator) 는 다양한 데이터 구조 에 통 일 된 접근 체 제 를 제공 하 는 인터페이스 이다.JS 중 일부 데이터 구 조 는 원생 Iterator 인 터 페 이 스 를 갖 추고 있다.이 개념 을 잘 이해 하기 위해 서 우 리 는 스스로 Iterator 를 쓸 수 있다.
var it = simIteractor(['hi','ES5']);
console.log(it.next()); //Object {value: "hi", done: false}
console.log(it.next()); //Object {value: "ES5", done: false}
console.log(it.next()); //Object {value: undefined, done: true}
function simIteractor(array){
var nextIndex = 0;
return{
next: function(){
return nextIndex < array.length ? {value: array[nextIndex++], done: false} : {value: undefined, done:true};
}
};
}
2. ES6 에 서 는 기본 Iterator 인터페이스 가 데이터 구조의 Symbol. iterator 속성 에 배치 되 거나 하나의 데이터 구 조 는 Symbol. iterator 속성 만 있 으 면 작업 을 옮 겨 다 닐 수 있다 고 규정 하고 있다.ES6 에서 3 가지 데이터 구 조 는 원래 Iterator 인 터 페 이 스 를 갖 추고 있다. 배열, 일부 유사 한 배열 의 대상, Set 와 Map.
3. 옮 겨 다 닐 수 있다 면 옮 겨 다 니 는 방법 을 말 해 야 한다.
for... in...: for - in 은 일반 대상 을 위 한 것 입 니 다. 문자열 형식의 키 를 옮 겨 다 닐 수 있 기 때문에 배열 에 적용 되 지 않 습 니 다.
For... of...: for - of 순환 은 데 이 터 를 옮 겨 다 니 는 데 사 용 됩 니 다. 예 를 들 어 배열 의 값 입 니 다.for - of 순환 도 다른 집합 을 옮 겨 다 닐 수 있 습 니 다.
for - of 순환 은 배열 뿐만 아니 라 대부분의 배열 대상 도 지원 합 니 다. 예 를 들 어 DOMNodeList.
for - of 순환 도 문자열 을 옮 겨 다 니 는 것 을 지원 합 니 다. 문자열 을 일련의 유 니 코드 문자 로 보고 옮 겨 다 니 는 것 을 지원 합 니 다.
or (var chr of "abc"){
alert(chr); // a,b,c
}
맵 과 set 대상 을 옮 겨 다 니 는 것 도 지원 합 니 다.지 도 를 모 르 시 면 / / www. jb51. net / article / 110048. htm 을 보 세 요. Set 을 모 르 시 면 / / www. jb51. net / article / 110052. htm 를 보 세 요.
본 논문 에서 말 한 것 이 여러분 의 ECMAScript 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.