본문으로 건너뛰기

[ES6] for...of

· 약 1분

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

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

참고 링크