wiki:javascript:javascript_note:foreach
목차
JavaScript Array forEach() Method
- description : JavaScript Array forEach() Method
- author : 오션
- email : shlim@repia.com
- lastupdate : 2021-05-26
Example
배열의 각 항목을 나열합니다.
<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>"; 25; /* 0: apple 1: orange 2: cherry */ </script> </body>
Definition and Usage
forEach() 메서드는 배열의 각 요소에 대해 순서대로 한 번씩 함수를 호출합니다.
Note: 값이 없는 배열 요소에 대해서는 함수가 실행되지 않습니다.
Syntax
array.forEach(function(currentValue, index, arr), thisValue)
Parameter Values
| Parameter | Description | |
|---|---|---|
| function( currentValue, index, arr ) | 필수입니다. 배열의 각 요소에 대해 실행될 함수입니다. | |
| Argument | Description | |
| currentValue | 필수입니다. 현재 요소의 값 | |
| index | 선택 사항. 현재 요소의 배열 인텍스 | |
| arr | 선택 사항. 현재 요소가 속한 배열 객체 | |
| thisValue | 선택 사항. “this” 값으로 사용될 함수에 전달되는 값. 이 매개 변수가 비어있으면, undefined값이 “this” 값으로 전달됩니다. | |
More Examples
Example
배열의 모든 값의 합계를 가져옵니다.
<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 25; </script>
Example
배열의 각 요소에 대해, 원래 값의 10 배로 값을 업데이트합니다.
<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 25; document.getElementById("demo").innerHTML = numbers; </script>
/volume1/web/dokuwiki/data/pages/wiki/javascript/javascript_note/foreach.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
