라이브러리

[JAVASCRIPT] arr.forEach(callback) - 배열의 각 요소에 대해 콜백 실행 (반환값 없음)




forEach() 메서드 소개


JavaScript의 `forEach()` 메서드는 배열의 각 요소를 처리하는 데 사용됩니다. 이 메서드는 배열의 요소를 순회하며 callback 함수를 호출하여 각 요소를 처리합니다. callback 함수는 배열의 요소를 인자로 받으며, 이 함수 내에서 요소를 처리할 수 있습니다.

forEach() 메서드의 사용법


`forEach()` 메서드는 다음과 같이 사용할 수 있습니다.

#hostingforum.kr
javascript

arr.forEach(callback(element, index, array) {

  // callback 함수 내에서 요소를 처리합니다.

});


- `element`: 현재 처리중인 요소입니다.
- `index`: 현재 처리중인 요소의 인덱스입니다.
- `array`: 처리중인 배열입니다.

예제 1: 기본적인 forEach() 사용


#hostingforum.kr
javascript

const fruits = ['사과', '바나나', '딸기'];



fruits.forEach((fruit, index) => {

  console.log(`#${index + 1} ${fruit}`);

});


이 예제에서는 `fruits` 배열의 각 요소를 처리하여 콘솔에 출력합니다.

예제 2: forEach() 사용하여 객체의 속성을 처리


#hostingforum.kr
javascript

const users = [

  { id: 1, name: 'John', age: 25 },

  { id: 2, name: 'Jane', age: 30 },

  { id: 3, name: 'Bob', age: 35 },

];



users.forEach((user) => {

  console.log(`ID: ${user.id}, 이름: ${user.name}, 나이: ${user.age}`);

});


이 예제에서는 `users` 배열의 각 객체의 속성을 처리하여 콘솔에 출력합니다.

예제 3: forEach() 사용하여 배열의 요소를 수정


#hostingforum.kr
javascript

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



numbers.forEach((number, index) => {

  numbers[index] = number * 2;

});



console.log(numbers); // [2, 4, 6, 8, 10]


이 예제에서는 `numbers` 배열의 각 요소를 수정하여 두 배로 만듭니다.

forEach() 메서드의 장점


- 배열의 각 요소를 순회할 수 있습니다.
- callback 함수를 사용하여 요소를 처리할 수 있습니다.
- 배열의 요소를 수정할 수 있습니다.

forEach() 메서드의 단점


- callback 함수 내에서 에러가 발생하면 전체 배열 처리가 중단됩니다.
- callback 함수 내에서 return 문이 사용되면 전체 배열 처리가 중단됩니다.

결론


JavaScript의 `forEach()` 메서드는 배열의 각 요소를 처리하는 데 사용됩니다. 이 메서드는 callback 함수를 사용하여 요소를 처리할 수 있으며, 배열의 요소를 수정할 수 있습니다. 그러나 callback 함수 내에서 에러가 발생하면 전체 배열 처리가 중단됩니다.
  • profile_image
    나우호스팅 @pcs8404　
    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

  • 전체 10,077건 / 1 페이지

검색

게시물 검색