문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

======JavaScript Loop For Of======
<WRAP left notice 70%>
  * description : JavaScript Loop For Of
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-05-28
</WRAP>
<WRAP clear></WRAP>
\\
===the source of this article===
[[https://www.w3schools.com/js/js_loop_forof.asp|JavaScript Loop For Of]]\\

=====The For/Of Loop=====
%%JavaScript%% ''%%for/of%%'' 문은 반복 가능한 객체의 값을 반복합니다.\\
\\
배열, 문자열, Maps, NodeLists 등과 같은 반복 가능한 데이터 구조를 순회(loop over)하게 합니다:\\

=====Syntax=====
<code javascript>
for (variable of iterable) {
  // code block to be executed
}
</code>
\\
**변수(variable)** - 모든 반복에 대해, 다음 속성의 값이 변수에 할당됩니다. 변수는 ''%%const%%'', ''%%let%%'' 또는 ''%%var%%''로 선언될 수 있습니다.\\
\\
**이터러블(iterable)** - 반복 가능한 속성이 있는 객체입니다.\\

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

=====Looping over an Array=====
<code javascript>
<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>
</code>

=====Looping over a string=====
====Example====
<code javascript>
<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>
</code>


{{tag>오션 Javascript For of}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구