LHJ

I'm a FE developer.

13. 자바스크립트 내장 객체 중 iterable 객체는?

10 Aug 2020 » codespitz_re

자바스크립트 내장 객체 중 iterable 객체

  1. Array
  2. string

string 은 for … of 문에 사용할 수 있다.
string 스펙을 읽어보면 iterable 객체라고 되어있다.
때문에 for … of 문이나 위에서 말한 해체 할당 등을 할 수 있다.
그래서 substr 같은 메서드를 안써도 쉽게 분해할 수 있다.
과거엔 split을 사용해서 쪼갰지만, 지금은 그냥 분할해도 된다.

const str = 'string';
const [a, b, c, ...d] = str;

a // 's'
b // 't'
c // 'r'
d // ['i', 'n', 'g']

const [...e] = str;
e // ['s', 't', 'r', 'i', 'n', 'g']

신규로 출시되는 많은 API 들도 iterable 을 끼고 태어나기 때문에 iterable interface 는 ES6+ 세계에선 반드시 이해하고 외우고 있어야 하는 내용이다.