728x90 반응형 이터러블3 조금 어려운 사용자 정의 이터러블 사용자 정의 이터러블에 대해 알아보자! 먼저, 앞서 알아보았던 이터러블과 이터레이터에 대해 다시 떠올려 보자. 이터러블은 이터레이션 프로토콜을 준수하도록 Symbol.iterator 메서드를 구현하거나 프로토타입 체인을 통해 상속 받은 객체이다. 이터러블의 Symbol.iterator 메서드가 반환한 이터레이터는 next 메서드를 갖는다. 이터레이터의 next 메서드는 done과 value 프로퍼티를 갖는 이터레이터 리절트 객체 반환, for ... of 문은 done 프로퍼티가 true가 될 때까지 반복하며 done 프로퍼티가 true가 되면 반복 중지, 이터러블은 for ... of 문 뿐만 아니라 스프레드 문법, 배열 디스트럭처링 할당에도 사용할 수 있다. 사용자 정의 이터러블 일반 객체도 이터레이.. 2023. 3. 21. 조금 어려운 for ... of, for ... in, 유사 배열 객체 for ... of, for ... in, 유사 배열 객체, 이터러블에 대해 알아보자! for ... of 문 vs for ... in 문 for ... of 문 이터러블을 순회하면서 이터러블의 요소를 변수에 할당 for (변수선언문 of 이터러블) { ... } 내부적으로 이터레이터의 next 메서드를 호출해 이터러블 순회 next 메서드가 반환한 이터레이터 리절트 객체의 value 프로퍼티 값을 for ... of 문의 변수에 할당 이터레이터 리절트 객체의 done 프로퍼티 값이 false면 이터러블의 순회를 계속하고 true면 이터러블의 순회 중단 for (const item of [1, 2, 3]){ console.log(item);// 1 2 3 } for ... in 문 for (변수선언문 i.. 2023. 3. 21. 조금 어려운 이터러블, 이터레이터 이터러블, 이터레이터에 대해 알아보자! 이터레이션 프로토콜 이터러블 프로토콜이란? => 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의해 미리 약속한 규칙 ES6에서는 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 for ... of문, 스프레드 문법, 배열 디스트럭처링 할당의 대상으로 사용할 수 있도록 일원화 이터러블 프로토콜 Symbol.iterator를 프로퍼티 키로 사용한 메서드를 직접 구현하거나 프로토타입 체인을 통해 상속받은 Symbol.iterator 메서드를 호출하면 이터레이터를 반환 이터러블: 이터러블 프로토콜을 준수한 객체 => for ... of 문으로 순회 가능 및 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 .. 2023. 3. 21. 이전 1 다음 728x90 반응형 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
