웹 프론트엔드 JS 튜토리얼 JavaScript_javascript 기술의 반복자와 생성기에 대한 자세한 설명

JavaScript_javascript 기술의 반복자와 생성기에 대한 자세한 설명

May 16, 2016 pm 04:32 PM
javascript 발전기 반복자

컬렉션의 각 항목을 처리하는 것은 매우 일반적인 작업입니다. JavaScript는 간단한 for 및 foreach 루프부터 map(), filter() 및 배열 이해에 이르기까지 컬렉션을 반복하는 다양한 방법을 제공합니다. JavaScript 1.7에서 반복자와 생성기는 핵심 JavaScript 구문에 새로운 반복 메커니즘을 제공하고 for...in 및 foreach 루프의 동작을 사용자 정의하는 메커니즘도 제공합니다.

반복자

반복자는 컬렉션 시퀀스에서 한 번에 하나의 요소에 액세스하고 시퀀스에서 반복의 현재 위치를 추적하는 객체입니다. JavaScript에서 반복자는 시퀀스의 다음 요소를 반환하는 next() 메서드를 제공하는 개체입니다. 이 메서드는 시퀀스의 모든 요소가 순회되면 StopIteration 예외를 발생시킵니다.

반복자 객체가 생성되면 next()를 반복적으로 호출하거나 JavaScript의 for...in 및 foreach 루프를 암시적으로 사용하여 명시적으로 호출할 수 있습니다.

객체와 배열을 반복하기 위한 간단한 반복자는 Iterator()를 사용하여 만들 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var lang = { 이름: 'JavaScript', 출생연도: 1995 };
var it = Iterator(lang);

초기화가 완료되면 next() 메서드를 호출하여 객체의 키-값 쌍에 순차적으로 액세스할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var pair = it.next(); //키-값 쌍은 ["name", "JavaScript"]
pair = it.next(); //키-값 쌍은 ["생일", 1995]
pair = it.next(); //`StopIteration` 예외가 발생합니다

next() 메서드를 명시적으로 호출하는 대신 for…in 루프를 사용할 수 있습니다. StopIteration 예외가 발생하면 루프가 자동으로 종료됩니다.

코드 복사 코드는 다음과 같습니다.

var it = Iterator(lang);
for(var 쌍 포함)
Print(pair); //매번 하나의 [key, value] 키-값 쌍을 출력합니다

객체의 키 값만 반복하려는 경우 true 값을 사용하여 두 번째 매개변수를 Iterator() 함수에 전달할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var it = Iterator(lang, true);
for(var 키 입력)
Print(key); //매번 키 값을 출력합니다

Iterator()를 사용하여 객체에 액세스할 때의 한 가지 이점은 Object.prototype에 추가된 사용자 정의 속성이 시퀀스 객체에 포함되지 않는다는 것입니다.

Iterator()는 배열에서도 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var langs = ['JavaScript', 'Python', 'Haskell'];
var it = Iterator(langs);
for(var 쌍 포함)
​​​ print(pair); //각 반복은 [인덱스, 언어] 키-값 쌍을 출력합니다

객체를 순회하는 것과 마찬가지로 두 번째 매개변수로 true를 전달하면 순회가 배열 인덱스가 됩니다.

코드 복사 코드는 다음과 같습니다.

var langs = ['JavaScript', 'Python', 'Haskell'];
var it = Iterator(langs, true);
for(var i in it)
​​​ print(i); //0, 1, 2를 출력합니다

let 키워드를 사용하여 루프 내부의 블록 변수에 인덱스와 값을 할당하고 구조 분해 할당을 사용할 수도 있습니다.

코드 복사 코드는 다음과 같습니다.

var langs = ['JavaScript', 'Python', 'Haskell'];
var it = 반복자(langs);
for ([i, lang]을 입력하세요)
          print(i ': ' lang) //"0: JavaScript" 등을 출력합니다.

맞춤 반복자 선언

요소 모음을 나타내는 일부 개체는 지정된 방식으로 반복되어야 합니다.

1. 범위를 나타내는 객체를 반복하면 범위에 포함된 숫자가 하나씩 반환되어야 합니다.
2. 트리의 리프 노드는 깊이 우선 또는 너비 우선을 사용하여 액세스할 수 있습니다
3. 전체 결과 세트가 아직 단일 배열에 로드되지 않은 경우에도 데이터베이스 쿼리 결과를 나타내는 객체에 대한 반복은 행별로 반환되어야 합니다.
4. 무한 수학적 수열(예: 피보나치 수열)에서 작동하는 반복자는 무한 길이의 데이터 구조를 생성하지 않고 결과를 차례로 반환해야 합니다

JavaScript를 사용하면 사용자 정의 반복 논리를 작성하고 이를 객체에 적용할 수 있습니다

낮은 값과 높은 값을 포함하는 간단한 Range 개체를 만듭니다.

코드 복사 코드는 다음과 같습니다.

기능 범위(낮음, 높음){
This.low = 낮음;
이.높음 = 높음;
}

이제 범위의 모든 정수를 포함하는 시퀀스를 반환하는 사용자 정의 반복자를 만듭니다. 반복자 인터페이스에서는 시퀀스의 다음 요소를 반환하거나 StopIteration 예외를 발생시키기 위해 next() 메서드를 제공해야 합니다.

코드 복사 코드는 다음과 같습니다.

함수 RangeIterator(범위){
This.range = 범위;
This.current = this.range.low;
}
RangeIterator.prototype.next = 함수(){
If (this.current > this.range.high)
          StopIteration을 발생시킵니다.
      그 외
          this.current 반환 ;
};

RangeIterator는 범위 인스턴스로 인스턴스화되며 현재 시퀀스 위치를 추적하기 위해 현재 속성을 유지합니다.

마지막으로 RangeIterator를 Range와 결합하려면 Range에 대한 특별한 __iterator__ 메서드를 추가해야 합니다. Range를 반복하려고 할 때 호출되며 반복 논리를 구현하는 RangeIterator 인스턴스를 반환해야 합니다.

코드 복사 코드는 다음과 같습니다.

Range.prototype.__iterator__ = 함수(){
        새 RangeIterator(this)를 반환합니다.
};

사용자 정의 반복자를 완성하고 나면 범위 인스턴스를 반복할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var 범위 = 새 범위(3, 5);
for(범위 내 var)
​​​ print(i); //3, 4, 5를 출력합니다

Generator: 반복자를 구축하는 더 좋은 방법

사용자 정의 반복자는 유용한 도구이지만 내부 상태를 명시적으로 유지해야 하므로 생성할 때 신중한 계획이 필요합니다.

생성기는 매우 강력한 기능을 제공합니다. 이를 통해 자체 반복 알고리즘이 포함된 함수를 정의할 수 있으며 자체 상태를 자동으로 유지할 수 있습니다.

생성기는 반복기 팩토리 역할을 할 수 있는 특수 함수입니다. 함수에 하나 이상의 항복 표현식이 포함된 경우 이를 생성기라고 합니다(번역자 참고 사항: Node.js에서는 이를 나타내기 위해 함수 이름 앞에 *를 추가해야 함).

참고: HTML의

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 Dec 17, 2023 pm 02:54 PM

WebSocket 및 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 소개: 지속적인 기술 개발로 음성 인식 기술은 인공 지능 분야의 중요한 부분이 되었습니다. WebSocket과 JavaScript를 기반으로 한 온라인 음성 인식 시스템은 낮은 대기 시간, 실시간, 크로스 플랫폼이라는 특징을 갖고 있으며 널리 사용되는 솔루션이 되었습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법을 소개합니다.

WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 Dec 17, 2023 pm 05:30 PM

WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 Dec 17, 2023 pm 12:09 PM

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 소개: 인터넷의 대중화와 기술의 발전으로 점점 더 많은 레스토랑에서 온라인 주문 서비스를 제공하기 시작했습니다. 실시간 온라인 주문 시스템을 구현하기 위해 JavaScript 및 WebSocket 기술을 사용할 수 있습니다. WebSocket은 TCP 프로토콜을 기반으로 하는 전이중 통신 프로토콜로 클라이언트와 서버 간의 실시간 양방향 통신을 실현할 수 있습니다. 실시간 온라인 주문 시스템에서는 사용자가 요리를 선택하고 주문을 하면

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 Dec 17, 2023 am 09:39 AM

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 오늘날의 디지털 시대에는 점점 더 많은 기업과 서비스에서 온라인 예약 기능을 제공해야 합니다. 효율적인 실시간 온라인 예약 시스템을 구현하는 것이 중요합니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. WebSocket이란 무엇입니까? WebSocket은 단일 TCP 연결의 전이중 방식입니다.

JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 JavaScript와 WebSocket: 효율적인 실시간 일기예보 시스템 구축 Dec 17, 2023 pm 05:13 PM

JavaScript 및 WebSocket: 효율적인 실시간 일기 예보 시스템 구축 소개: 오늘날 일기 예보의 정확성은 일상 생활과 의사 결정에 매우 중요합니다. 기술이 발전함에 따라 우리는 날씨 데이터를 실시간으로 획득함으로써 보다 정확하고 신뢰할 수 있는 일기예보를 제공할 수 있습니다. 이 기사에서는 JavaScript 및 WebSocket 기술을 사용하여 효율적인 실시간 일기 예보 시스템을 구축하는 방법을 알아봅니다. 이 문서에서는 특정 코드 예제를 통해 구현 프로세스를 보여줍니다. 우리

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 Jan 05, 2024 pm 06:08 PM

JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용

최고의 무료 AI 애니메이션 아트 생성기 최고의 무료 AI 애니메이션 아트 생성기 Feb 19, 2024 pm 10:50 PM

최고의 무료 AI 애니메이션 아트 생성기를 찾고 싶다면 검색을 종료할 수 있습니다. 애니메이션 예술의 세계는 독특한 캐릭터 디자인, 매혹적인 색상, 매혹적인 줄거리로 수십 년 동안 관객을 사로잡았습니다. 그러나 애니메이션 아트를 만드는 데는 재능과 기술, 그리고 많은 시간이 필요합니다. 그러나 인공 지능(AI)의 지속적인 발전으로 이제 최고의 무료 AI 애니메이션 아트 생성기의 도움으로 복잡한 기술을 탐구할 필요 없이 애니메이션 아트의 세계를 탐험할 수 있습니다. 이것은 당신의 창의력을 발휘할 수 있는 새로운 가능성을 열어줄 것입니다. AI 애니메이션 아트 생성기란 무엇입니까? AI 애니메이션 아트 생성기는 정교한 알고리즘과 기계 학습 기술을 활용하여 광범위한 애니메이션 작품 데이터베이스를 분석합니다. 이러한 알고리즘을 통해 시스템은 다양한 애니메이션 스타일을 학습하고 식별합니다.

Golang 반복자의 구현 및 사용에 대한 자세한 설명 Golang 반복자의 구현 및 사용에 대한 자세한 설명 Mar 17, 2024 pm 09:21 PM

Golang은 빠르고 효율적인 정적으로 컴파일된 언어로, 간결한 구문과 강력한 성능으로 인해 소프트웨어 개발 분야에서 매우 인기가 높습니다. Golang에서 반복자(Iterator)는 컬렉션의 내부 구조를 노출하지 않고 컬렉션의 요소를 순회하기 위해 일반적으로 사용되는 디자인 패턴입니다. 이 글에서는 Golang에서 반복자를 구현하고 사용하는 방법을 자세히 소개하고, 구체적인 코드 예제를 통해 독자의 이해를 돕습니다. 1. iterator의 정의 Golang에서 iterator는 일반적으로 인터페이스와 구현으로 구성됩니다.

See all articles