map, forEach, filter 차이

map

배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과를 가지는 새로운 배열을 반환

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);

console.log(doubled); // 출력: [2, 4, 6, 8]

 

 

 

forEach 

 배열의 각 요소에 대해 주어진 함수를 한 번씩 실행. 반환 값이 없음(undefined).

const numbers = [1, 2, 3, 4];
numbers.forEach((num, index) => { console.log(`Element at index ${index}: ${num}`); });

 

 

filter

주어진 함수의 조건을 만족하는 요소들로 이루어진 새로운 배열을 반환

const numbers = [1, 2, 3, 4];
const evenNumbers = numbers.filter(num => num % 2 === 0);

console.log(evenNumbers); // 출력: [2, 4]

 

---

• map: 변환된 결과를 새 배열로 반환.
• forEach: 배열의 각 요소에 대해 주어진 함수를 실행하며, 반환 값이 없음.
• filter: 주어진 조건을 만족하는 요소들로 이루어진 새로운 배열을 반환.