본문 바로가기
JavaScript

[JavaScript] 배열의 map() 과 filter()

by Caffein not null 2024. 7. 23.

map() 과 filter()는 자바스크립트 배열 객체의 메서드이다.

 

# map()

map() 함수는 배열의 길이만큼 반복하며 파라미터로 전달된 함수에 배열의 각 요소를 적용하여 사용할 수 있다.

const numbers = [1, 2, 3, 4, 5];
const funcMap = numbers.map((num, idx) => {
	return num + 5;
}
console.log(funcMap)	// [6, 7, 8, 9, 10]

 

# filter()

filter() 함수는 파라미터로 전달된 함수의 조건을 만족하는 값만 추출하여 새 배열을 반환한다.

concat() 함수처럼 기존 배열은 유지한채 새로운 배열을 반환하는 불변성을 갖는다.

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers);	// [2, 4, 6, 8, 10]