![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/pVeZ5/btsL5s4byMc/ArRX9DyUX3hcnu5oRh9Zdk/img.png)
[챗지피티와 공부를 해보자] 이터러블(iterable)과 이터레이터(iterator) 이터러블(Iterable)반복가능(=순회할 수 있는) 객체를 말한다. (배열(Array), 문자열(String), Set, Map, arguments, NodeList)Symbol.iterator 메서드를 구현하면 해당 객체가 이터러블(iterable)로 동작할 수 있다.Symbol.iterator가 이터러블 프로토콜을 따르도록 객체를 만드는 메서드이며, 객체에 Symbol.iterator를 구현하면 해당 객체는 이터러블이 된다. 특징이터러블 순회 - for...of 루프 사용 가능이터러블을 개별 요소로 분해 - spread 연산자 (...) 사용 가능이터러블을 배열로 변환 - Array.from() 사용가..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/IWUQa/btq3UUqn0aa/0CRaXV4dZAcT85ZT2RZCk1/img.png)
이터러블 (Iterable) 순회가능한 객체를 말합니다. 순회 가능한 객체는 Symbol.iterator 심볼 속성을 가지고 있으며 이터레이터 객체를 반환하는 객체를 말합니다. 이러한 것을 이터러블 프로토콜이라고 하며 이터러블 객체라고 합니다. 이터레이터 (Iterator) 이터러블 메소드로 반환하는 객체입니다. next 메소드를 구현하고 있으며 value, done을 반환하는 객체입니다. 반환되는 IteratorResult는 {done: boolean, value: any} 형태의 단순한 객체입니다. next 메소드를 통해 모든 값을 돌고 나면 done이 true로 나오며 끝납니다. 한번 끝난 이터레이터는 다시 돌아가지 않으며 value가 undefined로 리턴합니다 이러한 것을 이터레이터 프로토콜이..
- Total
- Today
- Yesterday
- 브라우저
- frontend
- 기초
- 자바스크립트
- JavaScript
- vue.js
- Study
- 강의
- 코딩애플
- css
- html
- 아티클
- 메서드
- Method
- VUE
- 리액트
- 뷰
- 제이쿼리
- jQuery
- 제로초
- 타입스크립트
- 공부
- Article
- 프로젝트
- React
- 통신
- 차이
- JS
- 프론트엔드
- TypeScript
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |