라이브러리
[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 함수 내에서 에러가 발생하면 전체 배열 처리가 중단됩니다.
댓글목록
등록된 댓글이 없습니다.