ES6 에서 Iterator 와 for. of. 옮 겨 다 니 는 용법 분석

1940 단어
본 논문 의 사례 는 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 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기