[JS] javascript map, filter, find 함수

map 함수

배열에서 요소를 하나씩 돌며 새로운 요소의 새로운 배열을 리턴한다.

배열일 경우 완전히 새로운 배열을 생성하며, 요소가 객체일 경우엔 기존 객체와 공유한다.

 

세 개의 인자를 모두 사용하지 않고 element만 사용할 수 있다.

array = [1, 2, 3]

// element : 배열의 요소
// index : 배열의 인덱스
// array : 원본 배열
let newArray = array.map((element, index, array) => {
	return element + 1;
});

newArray;	// 2, 3, 4

 

filter 함수

배열에서 조건에 따라 필터링하여 true/false를 리턴한다. true인 원소들만 모아 새로운 배열을 생성한다.

해당되는 조건이 없을 경우 빈 배열을 리턴한다.

array = [1, 2, 3]

let result = array.filter((e) => {
	return e%2 === 0;
});

 

find 함수

배열에서 요소를 순회하다 조건에 맞는 첫 번째 값을 찾았을 경우 해당 요소 값을 리턴한다.

발견하지 못하면 undefined를 리턴한다.

let array = [1, 2, 3]
let result = array.find((e) => {
	return e % 2 === 0;
});

result; // 2