[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

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

참고 링크

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