1
{
2
  [Symbol.iterator]() : iterator 프로토콜 {
3
    next(): 다음값
4
  }
5
}

1
// Iterable 하다는건? 순회가 가능하다!
2
// [Symbol.iterator](): IterableIterator<T>;
3
// 심볼정의를 가진 객체나, 특정한 함수가 IterableIterator<T>를 리턴한다는 것은
4
// 순회 가능한 객체다! 라는것을 의미
5
// 순회가 가능하면 무엇을 할 수 있나? for..of, spread 연산자 사용 가능
6
const array = [1, 2, 3];
7

8
// 📝 for...of 연산자 : 배열 안에 있는 아이템을 순회하면서 가져옴
9
for (let item of array) {
10
  console.log(item); // 1, 2, 3
11
}
12

13
// for...in : key를 출력
14
const obj = { 0: 1, 1: 2 };
15
for (let item in obj) {
16
  console.log(item); // obj안에 있는 key를 출력

1
// Iterable 하다는건? 순회가 가능하다!
2
// [Symbol.iterator](): IterableIterator<T>;
3
// 심볼정의를 가진 객체나, 특정한 함수가 IterableIterator<T>를 리턴한다는 것은
4
// 순회 가능한 객체다! 라는것을 의미
5
// 순회가 가능하면 무엇을 할 수 있나? for..of, spread 연산자 사용 가능
6
const array = [1, 2, 3]
7

8
// 📝 for...of 연산자 : 배열 안에 있는 아이템을 순회하면서 가져옴
9
// 📝 array.entries() : [키, 값] 형태로 출력
10
for (const item of array.entries()) {
11
  console.log(item)
12
  /*
13
  [ 0, 1 ]
14
  [ 1, 2 ]
15
  [ 2, 3 ]
16
  */
17
}
18

19
// for...in : key를 출력
20
const obj = { 0: 1, 1: 2 }
21
for (const item in obj) {
22
  console.log(item) // obj안에 있는 key를 출력 -> 0, 1
23
}
24

25
const iterator = array.values()
26

27
// done은 반복이 끝나면 true, 안끝나면 false
28
// console.log(iterator.next()); // { value: 1, done: false }
29
while (true) {
30
  const item = iterator.next()
31
  if (item.done) break
32
  console.log(item.value)
33
}
34

35
// console.log(iterator.next().value); // 1
36
// console.log(iterator.next().value); // 2
37
// console.log(iterator.next().value); // 3
38
// console.log(iterator.next().done); // true
39

40
// for (let item of iterator) {
41
//   console.log(item); // 1, 2, 3
42
// }

1
// [Symbol.iterator](): IterableIterator<T>;
2
// 0부터 10이하까지 숫자의 2배를 순회하는 이터레이터(반복자) 만들기!
3
// 0, 1, 2, 3, ..., 9
4
// 0, 2, 4, 6, ..., 18
5

6
const multiple = {
7
  // [Symbol.iterator] 함수
8
  [Symbol.iterator]: () => {
9
    const max = 10
10
    let num = 0
11
    // 오브젝트가 반환됨
12
    return {
13
      // next 함수가 반드시 있어야 함
14
      next() {
15
        // 10 초과되면 done이 true가 되어 순환이 정지
16
        return { value: num++ * 2, done: num > max }
17
      },
18
    }
19
  },
20
}
21

22
console.clear()
23
for (const num of multiple) {
24
  console.log(num)
25
}

1
// 📝 제너레이터(생성기) : 값을 생성
2
// function다음에 *를 붙이면 제너레이터로 인식
3
function* multipleGenerator() {
4
  try {
5
    for (let i = 0; i < 10; i++) {
6
      console.log(i) // 0까지만 출력
7
      // return : 바로 값을 리턴
8
      yield i ** 2 // yield : 사용자가 next를 호출할 떄까지 기다렸다가 하나씩 리턴
9
      // 사용자에게 제어권을 양도 = yield
10
    }
11
  } catch (error) {
12
    console.log(error)
13
  }
14
}
15
const multiple = multipleGenerator()
16
let next = multiple.next()
17
console.log(next.value, next.done) // 0 false
18

19
// multiple.return();
20
multiple.throw('Error!') // Error!
21

22
next = multiple.next()
23
console.log(next.value, next.done) // undefined true