forEach()

  • forEach() 메서드는 JavaScript에서 배열이나 다른 이터러블 객체의 요소를 반복하는 데 사용되는 고차 함수이다.
  • 이 메서드는 배열의 각 요소에 대해 한 번씩 제공된 함수를 실행하며, 오름차순으로 처리된다. 기존의 for 루프 대신 사용할 수 있다.

사용 예시

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

numbers.forEach((number) => {
  console.log(number);
});

위 코드는 numbers 배열의 각 숫자를 콘솔에 출력한다.

  • forEach() 메서드는 선택적으로 두 번째 매개변수를 받을 수도 있는데, 이는 현재 처리 중인 요소의 인덱스를 나타낸다.
const fruits = ['사과', '바나나', '오렌지'];

fruits.forEach((fruit, index) => {
  console.log(`인덱스 ${index}에 있는 과일: ${fruit}`);
});

위 코드는 fruits 배열의 각 과일과 해당 인덱스를 출력한다.

forEach() 메서드는 새로운 배열을 반환하지 않으며, 원본 배열을 변경하지도 않는다.

'프론트엔드 > Javascript' 카테고리의 다른 글

노마드 코더_클론 코딩 - 크롬 앱 만들기(todo list편)  (0) 2023.10.01
filter()  (0) 2023.10.01
JSON.stringify(), JSON.parse()  (0) 2023.10.01
parentElement  (0) 2023.10.01
document.querySelector()  (0) 2023.10.01