JavaScript 배열 메소드 forEach() 쉽게 배우기 - 예시 코드 제공

JavaScript 배열 메소드 forEach() 쉽게 배우기- 예시 코드 제공

 

 

JavaScript는 다양한 배열 메소드를 제공하여 배열의 요소를 조작하고 처리할 수 있게 해줍니다. 이번 글에서는 그 중에서도 forEach() 메소드에 대해 알아보겠습니다. forEach()는 배열의 각 요소를 반복하며 지정한 함수를 실행하는 강력한 도구입니다.

 

forEach() 메소드란?

 

javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const)

 

forEach() 메소드는 배열의 각 요소에 대해 주어진 함수를 실행하는 반복 작업을 수행합니다. 이 메소드는 원본 배열을 변경하지 않으며, 반복 작업을 통해 배열 요소에 접근하고 조작할 수 있습니다.

 

// 기본 문법
array.forEach(function(currentValue, index, array) {
    // 각 요소에 대한 작업 수행
});

 

• currentValue: 현재 반복 중인 요소의 값
• index: 현재 요소의 인덱스
• array: 원본 배열

 

 

forEach() 메소드 사용 예시

 

javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const)

 

이제 forEach() 메소드의 사용 예시를 통해 실제 동작을 살펴보겠습니다.

 

// 예시 배열
const numbers = [1, 2, 3, 4, 5];

// 배열의 각 요소에 2를 곱한 후 출력
numbers.forEach(function(number, index) {
    console.log(`인덱스 ${index}: ${number * 2}`);
});

 

위 코드에서 forEach()를 사용하여 numbers 배열의 각 요소에 2를 곱한 후 결과를 출력합니다.

 

 

forEach()를 사용한 배열 요소 수정

 

JavaScript 화살표 함수 소개, 특징, 활용, 예시 코드, 일반 함수와 차이점

 

forEach() 메소드를 사용하여 배열 요소를 수정할 수 있습니다.

 

// 예시 배열
const colors = ['빨강', '파랑', '노랑'];

// 배열의 각 요소에 접두사 추가
colors.forEach(function(color, index, array) {
    array[index] = '밝은 ' + color;
});

console.log(colors);

 

위 코드에서는 forEach()를 사용하여 colors 배열의 각 요소에 "밝은 "이라는 접두사를 추가합니다.

 

 

forEach()의 반환값

 

javascript 문법 과제 숫자 맞추기 게임

 

forEach() 메소드는 반환 값이 없으며 undefined를 반환합니다. 이 메소드는 주로 부수 효과(side effect)를 일으킬 때 사용됩니다.

 

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.forEach(function(number, index, array) {
    array[index] = number * 2;
});

console.log(doubledNumbers); // undefined

 

 

끝으로

 

 

forEach() 메소드는 배열의 각 요소를 반복하며 지정한 함수를 실행하는 유용한 배열 메소드입니다. 이를 통해 배열 요소를 조작하거나 출력할 수 있으며, 반복적인 작업을 간단하게 수행할 수 있습니다. forEach()를 적재적소에 활용하여 JavaScript 코드를 보다 효율적으로 작성하세요.

 

▼ 아래 글도 읽어보세요! ▼

 

javascript 배열 안 숫자 중 최대값 찾는 다양한 방법 - 알고리즘 풀이

 

인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽 무료특강

 

내일배움캠프 공부법 특강 - 개발자가 되기 위한 공부 방식, 태도 소개