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

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

======JavaScript Array forEach() Method======
<WRAP left notice 70%>
  * description : JavaScript Array forEach() Method
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-05-26
</WRAP>
<WRAP clear></WRAP>
\\
====Example====
배열의 각 항목을 나열합니다.\\
<code javascript>
<body>

  <p>List all array items, with keys and values:</p>

  <p id="demo"></p>

  <script>
    const fruits = ["apple", "orange", "cherry"];
    fruits.forEach(myFunction);

    function myFunction(item, index) {
      document.getElementById("demo").innerHTML += index + ":" + item + "<br>";
    }
    /*
    0: apple
    1: orange
    2: cherry
    */
  </script>

</body>
</code>

=====Definition and Usage=====
''%%forEach()%%'' 메서드는 배열의 각 요소에 대해 순서대로 한 번씩 함수를 호출합니다.\\

**Note:** 값이 없는 배열 요소에 대해서는 함수가 실행되지 않습니다.\\

=====Syntax=====
<code javascript>
array.forEach(function(currentValue, index, arr), thisValue)
</code>

=====Parameter Values=====
^ Parameter                             ^ Description                                                                          ^^
| function( currentValue, index, arr )  | 필수입니다. 배열의 각 요소에 대해 실행될 함수입니다.                                   ||
| :::                                   ^ Argument                        ^ Description                                         ^
| :::                                   | currentValue                    | 필수입니다. 현재 요소의 값                           |
| :::                                   | index                           | 선택 사항. 현재 요소의 배열 인텍스                   |
| :::                                   | arr                             | 선택 사항. 현재 요소가 속한 배열 객체                 |
^ thisValue  ^ 선택 사항. "this" 값으로 사용될 함수에 전달되는 값. 이 매개 변수가 비어있으면, undefined값이 "this" 값으로 전달됩니다.^^                        
\\
=====More Examples=====
====Example====
배열의 모든 값의 합계를 가져옵니다.\\
<code javascript>
  <script>
    var sum = 0;
    var numbers = [65, 44, 12, 4];
    numbers.forEach(myFunction);

    function myFunction(item) {
      sum += item;
      document.getElementById("demo").innerHTML = sum;  // 125
      console.log(item);  // 65, 44, 12, 4
    }
  </script>
</code>

====Example====
배열의 각 요소에 대해, 원래 값의 10 배로 값을 업데이트합니다.\\
<code javascript>
<script>
  var numbers = [65, 44, 12, 4];
  numbers.forEach(myFunction);

  function myFunction(item, index, arr) {
    arr[index] = item * 10;
    console.log(item);  //  65, 44, 12, 4
    console.log(index); //   0,  1,  2, 3
    console.log(arr);   // (4) [650, 44, 12, 4]
    console.log(arr[index]);  // 650, 440, 120, 40
  }

  document.getElementById("demo").innerHTML = numbers;
</script>
</code>





{{tag>오션 Javascript forEach()}}

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

사용자 도구

사이트 도구

문서 도구