[JS] 배열메서드 forEach()

Seju·2023년 3월 9일
1

JavaScript

목록 보기
8/28
post-thumbnail

JavaScript forEach()

forEach()란?
자바스크립트 배열 메서드 중 하나로 배열의 각 요소에 대해 지정된 콜백함수를 실행한다. 이 메서드는 for문과 같은 역할을 하지만 for문 보다 더 간단하고 가독성이 높다


forEach() 기본 문법

array.forEach(function(currentValue, index, array) {
  // 함수 실행 내용
});

array: forEach() 메서드를 호출하는 배열 객체
currentValue: 현재 처리 중인 요소의 값
index: 현재 처리 중인 요소의 인덱스
array: forEach() 메서드를 호출하는 배열 객체

forEach() 메서드는 배열을 순회하면서 각 요소마다 콜백 함수를 실행
이 콜백 함수에는 위에서 설명한 currentValue, index, array 매개변수를 전달
콜백 함수는 각 요소마다 한 번씩 실행


forEach()에 대해 자세히 ...

forEach() 메서드는 배열의 각 요소에 대해 지정된 함수를 실행하는 반복 메서드 로서, 이 메서드는 주어진 함수를 배열의 각 요소 마다 한 번씩 호출한다
forEach 메서드는 반복하는 동안 배열의 변경사항을 일으키지 않고 새로운 배열을 반환하지 않는다.
그러나 호출하는 함수는 배열의 각 요소에 대해 실행되므로 함수에서 원하는 작업을 수행할 수 있다


forEach() 예제

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

이 배열의 모든 요소를 출력하는 코드를 다음 과 같이 작성할 수 있다

numbers.forEach(function(number) {
	console.log(number);
  });

위 코드는 forEach()메서드를 사용하여 배열 numbers의 모든 요소를 출력
forEach() 메서드는 배열의 각 요소를 가져와서 콜백 함수를 실행
위 코드에서는 각 요소를 console.log() 함수를 사용하여 출력한다


forEach() 사용시 주의할 점

forEach() 메서드는 리턴값이 없기 때문에, 배열을 변경하는 용도로는 사용할 수 없다.
만약 배열을 변경하고 싶다면 map() 메서드를 사용하거나, 일반적인 for문을 사용하여야 한다

profile
Talk is cheap. Show me the code.

0개의 댓글