Javascript 루프문 정리(6) forEach문

forEach() 메서드는 배열의 각 요소에 대해 지정된 함수를 호출하는 메서드입니다. 이 메서드를 사용하면 반복문을 사용하지 않고도 배열의 모든 요소를 순회하며 작업을 수행할 수 있습니다. forEach() 메서드는 배열을 순회하며 요소를 차례대로 접근하며, 배열의 각 요소를 인수로 받는 콜백 함수를 실행합니다. 아래는 forEach() 메서드의 구조와 사용 방법에 대한 설명입니다.

forEach() 메서드의 구조

배열.forEach(콜백함수);

• 배열: 순회할 배열입니다.
• 콜백함수: 각 배열 요소를 처리할 함수입니다.

forEach() 메서드의 사용 방법

배열 요소를 출력하는 경우:

const arr = [1, 2, 3, 4, 5];
arr.forEach(function(element) {
  console.log(element);
});
// 1, 2, 3, 4, 5

• 배열 요소를 인수로 받는 콜백 함수(function(element))를 정의하고, forEach() 메서드를 사용하여 배열을 순회합니다.

배열 요소의 값을 변경하는 경우:

const arr = [1, 2, 3, 4, 5];
arr.forEach(function(element, index, array) {
  array[index] = element * 2;
});
console.log(arr);
// [2, 4, 6, 8, 10]

• 배열 요소, 인덱스, 배열 자체를 인수로 받는 콜백 함수(function(element, index, array))를 정의하고, 배열의 각 요소를 2배로 변경합니다.

forEach() 메서드는 각 배열 요소를 순회하며 처리할 콜백 함수를 인수로 받아 사용합니다. 이 메서드를 사용하면 반복문을 사용하지 않고도 배열의 모든 요소를 순회하며 작업을 수행할 수 있으며, 코드의 가독성을 높일 수 있습니다. 단, forEach() 메서드는 break나 continue 문을 사용할 수 없기 때문에, 배열의 일부 요소만 처리하거나, 특정 조건에 따라 실행을 중단해야 할 경우에는 for 루프문을 사용하는 것이 더 적절할 수 있습니다.

Javascript 루프문 정리(0) 개요

Javascript 루프문 정리(1) for문

Javascript 루프문 정리(2) for...in문

Javascript 루프문 정리(3) for...of문

Javascript 루프문 정리(4) while문

Javascript 루프문 정리(5) do...while문

Javascript 루프문 정리(6) forEach문

Javascript 루프문 정리(7) map문

Javascript 루프문 정리(8) filter문