그만큼 forEach() 메서드 배열의 각 요소에 대해 함수를 호출합니다. 새 배열을 반환하지 않으며 원래 배열을 수정하지 않습니다. 일반적으로 각 배열 요소에 대한 반복 및 작업 수행에 사용됩니다.
통사론:
array.forEach(callback(element, index, arr), thisValue);>
매개변수:
이 메서드는 위에서 언급하고 아래에 설명된 대로 5개의 매개 변수를 허용합니다.
| 매개변수 | 설명 |
|---|---|
| 콜백 | 이 매개변수는 배열의 각 요소에 대해 호출될 함수를 보유합니다. |
| 요소 | 매개변수는 현재 처리 중인 요소의 값을 보유합니다. |
| 색인 | 이 매개변수는 선택사항이며 0부터 시작하는 배열의 현재 값 요소 인덱스를 보유합니다. |
| 정렬 | 이 매개변수는 선택사항이며, 전체 배열을 보유합니다.forEach>호출됩니다. |
| thisArg | 이 매개변수는 선택사항이며 전달될 컨텍스트를 보유합니다.this>콜백 함수를 실행하는 동안 사용됩니다. 컨텍스트가 전달되면 다음과 같이 사용됩니다.this>콜백 함수를 호출할 때마다, 그렇지 않으면undefined>기본값으로 사용됩니다. |
반환 값:
이 메서드의 반환 값은 항상 정의되지 않습니다. 이 메소드는 인수 함수의 기능에 따라 제공된 원래 배열을 변경할 수도 있고 변경하지 않을 수도 있습니다.
예시 1: 이 예에서는 배열.forEach() 메서드는 한 배열의 모든 요소를 다른 배열로 복사하는 데 사용됩니다.
자바스크립트
// JavaScript to illustrate forEach() method function func() { // Original array const items = [12, 24, 36]; const copy = []; items.forEach(function (item) { copy.push(item + item + 2); }); console.log(copy); } func();> 산출
[ 26, 50, 74 ]>
예시 2: 이 예에서 방법은 각각() 배열의 모든 요소의 제곱을 계산합니다.
자바스크립트 // JavaScript to illustrate forEach() method function func() { // Original array const items = [1, 29, 47]; const copy = []; items.forEach(function (item) { copy.push(item * item); }); console.log(copy); } func();> 산출
[ 1, 841, 2209 ]>
지원되는 브라우저:
- 구글 크롬
- 가장자리
- 파이어폭스
- 오페라
- 원정 여행
JavaScript Array 메서드의 전체 목록이 있습니다. 이를 확인하려면 다음을 수행하세요. 자바스크립트 배열 전체 참조 기사.