본문 바로가기
프로그래밍/JavaScript

Javascript 루프문 정리(6) forEach문

by 꾸션 2023. 3. 6.

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) 개요

자바스크립트에는 여러 가지 유형의 루프(loop)가 있습니다. 이들 루프문은 반복적으로 실행되는 코드 블록을 만들어주며, 각각의 루프문은 다양한 용도로 사용됩니다. 아래는 자바스크립트의

ccusean.tistory.com

Javascript 루프문 정리(1) for문

for 루프문은 자바스크립트에서 가장 일반적으로 사용되는 루프문 중 하나입니다. 초기식, 조건식, 증감식을 이용하여 반복문 실행 횟수를 제어합니다. 아래는 for 루프문의 구조와 사용 방법에

ccusean.tistory.com

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

for...in 루프문은 자바스크립트에서 객체의 속성들을 반복하며 접근할 때 사용됩니다. 이 루프문은 객체의 속성들을 반복하며 각 속성 이름을 변수에 할당합니다. 아래는 for...in 루프문의 구조와

ccusean.tistory.com

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

for...of 루프문은 자바스크립트에서 이터러블(iterable) 객체(배열, 문자열, 맵, 셋 등)를 반복하며 각 요소에 접근할 때 사용됩니다. 이 루프문은 배열 뿐만 아니라 문자열, 맵, 셋 등 다양한 이터러

ccusean.tistory.com

Javascript 루프문 정리(4) while문

while 루프문은 자바스크립트에서 반복 실행되는 코드 블록을 만들 때 사용되는 루프문 중 하나입니다. 조건식이 참일 동안 코드 블록이 실행되며, 조건식이 거짓이 될 때까지 반복됩니다. 초기

ccusean.tistory.com

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

do...while 루프문은 while 루프문과 유사하지만, 코드 블록을 먼저 실행한 후에 조건식을 검사하는 점이 다릅니다. 즉, do...while 루프문은 일단 코드 블록을 한 번 실행한 후에 조건식을 검사하여 조

ccusean.tistory.com

Javascript 루프문 정리(6) forEach문

forEach() 메서드는 배열의 각 요소에 대해 지정된 함수를 호출하는 메서드입니다. 이 메서드를 사용하면 반복문을 사용하지 않고도 배열의 모든 요소를 순회하며 작업을 수행할 수 있습니다. forEa

ccusean.tistory.com

Javascript 루프문 정리(7) map문

map() 메서드는 배열의 모든 요소에 대해 지정된 함수를 호출한 결과를 모아 새로운 배열을 반환하는 메서드입니다. 이 메서드를 사용하면 배열을 순회하면서 각 요소를 변형할 수 있습니다. map()

ccusean.tistory.com

Javascript 루프문 정리(8) filter문

filter() 메서드는 배열의 요소 중에서 지정된 함수에 맞는 요소만 추출하여 새로운 배열을 반환하는 메서드입니다. 이 메서드를 사용하면 배열에서 필요한 요소만 추출하여 새로운 배열을 생성

ccusean.tistory.com

반응형

댓글