[javascript] 반복 메서드 총 정리

목차

 

1. forEach

forEach 메서드는 배열의 각 요소들을 순회하며 콜백 함수를 실행한다.

arr.forEach(callback(element, index, array) {
    // 실행될 코드
});

예시

const numbers = [1, 2, 3, 4];
numbers.forEach((number, index) => {
    console.log(`Index ${index}: ${number}`);
});
// 결과: Index 0: 1, Index 1: 2, Index 2: 3, Index 3: 4

 

---

2. map

map 메서드는 배열의 각 요소들을 순회하며 콜백 함수의 반환값으로 새로운 배열을 생성한다.

const newArray = arr.map(callback(element, index, array) {
    // 반환될 값
});

예시

const numbers = [1, 2, 3, 4];
const doubled = numbers.map((number) => number * 2);
console.log(doubled);
// 결과: [2, 4, 6, 8]

---

3. filter

filter 메서드는 배열의 각 요소들을 순회하며 콜백 함수가 참을 반환하는 요소들로 이루어진 새로운 배열을 생성한다.

const newArray = arr.filter(callback(element, index, array) {
    // 참 또는 거짓으로 판별되는 조건
});

예시

const numbers = [1, 2, 3, 4];
const evenNumbers = numbers.filter((number) => number % 2 === 0);
console.log(evenNumbers);
// 결과: [2, 4]

---

4. reduce

reduce 메서드는 배열의 각 요소들을 순회하며 콜백 함수를 적용하여 하나의 값을 도출한다.

const result = arr.reduce(callback(accumulator, element, index, array) {
    // 결과를 누적하는 동작
}, initialValue);

예시

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((accumulator, number) => accumulator + number, 0);
console.log(sum);
// 결과: 10

 

---

5. some

some 메서드는 배열의 각 요소들을 순회하며 콜백 함수가 하나 이상의 요소에서 참을 반환하는지 확인한다.

const result = arr.some(callback(element, index, array) {
    // 참 또는 거짓으로 판별되는 조건
});

예시

const numbers = [1, 2, 3, 4];
const hasEvenNumber = numbers.some((number) => number % 2 === 0);
console.log(hasEvenNumber); // true

---

6. every

every 메서드는 배열의 각 요소들을 순회하며 콜백 함수가 모든 요소에서 참을 반환하는지 확인한다.

const result = arr.every(callback(element, index, array) {
    // 참 또는 거짓으로 판별되는 조건
});

예시

const numbers = [1, 2, 3, 4];
const allEven = numbers.every((number) => number % 2 === 0);
console.log(allEven); // false