[JS] 배열 특정 값 찾기 ( find, findIndex, filter )

 

find 

const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// callback(element, index, array)

array.find(v => v > 5);
// 6

find 메서드는 해당 조건에 만족하는 첫 번째 요소의 값을 반환하며 만족하지 않으면 undefined를 반환합니다.

 

const array = [{name: 'red'}, {name: 'green'}, {name: 'yellow'}];

array.find(v => v.name === 'green');
// {name: 'green'};

find 메서드는 object가 담겨있는 배열에서도 유용하게 사용 가능합니다.

 

 

findIndex

const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// callback(element, index, array)

array.findIndex(v => v > 5);
// 5

array.findIndex(v => v > 11);
// -1

findIndex 메서드는 해당 조건에 만족하는 첫 번째 요소의 인덱스를 반환하며 만족하지 않으면 -1을 반환합니다.

 

const array = [{name: 'red'}, {name: 'green'}, {name: 'yellow'}];

array.findIndex(v => v.name === 'green');
// 1;

array.findIndex(v => v.name === 'blue');
// -1

findIndex 메서드는 object가 담겨있는 배열에서도 유용하게 사용 가능합니다.

 

filter

const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// callback(element, index, array)

array.filter(v => v > 5);
// [6, 7, 8, 9, 10]

array.filter(v => v > 11);
// []

filter 메서드는 해당 조건에 만족하는 요소를 모은 새로운 배열을 반환합니다.

 

const array = [{index: 1, name: 'red'}, {index: 2, name: 'green'}, {index: 3, name: 'yellow'}];

array.filter(v => v.index > 1);
// [{index: 2, name: 'green'}, {index: 3, name: 'yellow'}]

filter 메서드는 object가 담겨있는 배열에서도 유용하게 사용 가능합니다.