JavaScript Loop For Of

description : JavaScript Loop For Of
author : 오션
email : shlim@repia.com
lastupdate : 2021-05-28

the source of this article

The For/Of Loop

JavaScript for/of 문은 반복 가능한 객체의 값을 반복합니다.

배열, 문자열, Maps, NodeLists 등과 같은 반복 가능한 데이터 구조를 순회(loop over)하게 합니다:

Syntax

for (variable of iterable) {
  // code block to be executed
}

변수(variable) - 모든 반복에 대해, 다음 속성의 값이 변수에 할당됩니다. 변수는 const, let 또는 var로 선언될 수 있습니다.

이터러블(iterable) - 반복 가능한 속성이 있는 객체입니다.

Browser Support

For/of 는 2015년(ECMAScript 2015)에 JavaScript에 추가되었습니다.
For/of는 Internet Explorer에서 지원되지 않습니다.

Looping over an Array

<body>
 
  <h2>JavaScript For/Of Loop</h2>
 
  <p>The for/of statement loops through the values of an iterable object.</p>
 
  <p id="demo"></p>
 
  <script>
    let cars = ['BMW', "Volvo", "Mini"];
    let text = "";
 
    for (let x of cars) {
      text += x + "<br>";
    }
 
    document.getElementById("demo").innerHTML = text;
    /*
    BMW
    Volvo
    Mini
     */
  </script>
</body>

Looping over a string

Example

<body>
 
  <h2>JavaScript For/Of Loop</h2>
 
  <p>The for/of statement loops through the values of an iterable object.</p>
 
  <p id="demo"></p>
 
  <script>
    let language = "JavaScript";
    let text = "";
 
    for (let x of language) {
      text += x + "<br>";
    }
 
    document.getElementById("demo").innerHTML = text;
    /* 
      J
      a
      v
      a
      S
      c
      r
      i
      p
      t
       */
  </script>
</body>

오션, Javascript, For, of