GRAMMAR

Draft
  • account_tree
  • bug_report

for...of

  • ECMAScript 6(2015)

for...of 구문은 반복 가능한 객체에 대해서 일회 반복하면서 각 개별 프로퍼티 값에 대응하는 실행문 루프를 생성할 수 있다.

ES6에 새롭게 추가된 for...of 구문에 대해 알아보자.

for...of 구문은 반복 가능한 객체(Array, Map, Set, String, TypedArray, arguments 객체 등)에 대해서 일회 반복하면서 각 프로퍼티 값에 대응하는 실행문이 있는 루프를 생성한다.

구문

for (variable of iterable) {
    statement
}
  • variable
    • 반복하면서 만나는 프로퍼티 값을 할당 받는다.
  • iterable
    • 반복되는 열거가능(enumerable)한 프로퍼티가 있는 객체

 

예제

Array에 대해 반복

HTMLCollection 객체에 대한 반복(NodeList 동일)