[ES6] for...of

ES6에서 새로 추가된 반복문 중 하나인 for...of에 관해 알아보자.

forEach와 다른 점

• iterable(반복가능한) 객체(Array, String, Map, Set, NodeList 등)에서 사용할 수 있다.

  forEach는 Array 에서만 쓸 수 있다.

• const 대신 let도 사용할 수 있다.

• Loop를 멈출 수 있다.

const foods = [
  'Pizza',
  'Chicken',
  'Burger',
  'Pasta',
  'Bibimbap',
  'Sandwich',
  'Barbecue',
];

for (const food of foods) {
  if (food === 'Bibimbap') {
    break;
  } else {
    console.log(food);
  }
}

// Pizza
// Chicken
// Burger
// Pasta

더 복잡하고 자세한 설명이 필요하다면 아래 페이지를 참고하자.

👉 https://poiemaweb.com/es6-iteration-for-of

참고 링크

• MDN: for ... of
• MDN: forEach