[JS] find, findIndex, indexOf, includes 비교

 

 

 

▷ find( ) : 주어진 판별 함수를 만족하는 첫번째 요소의 값을 반환, 없다면 undefined를 반환

const array1 = [5, 12, 8, 130, 44];
const found = array1.find(element => element > 10); // 12

 

▷ findIndex( ) : 주어진 판별 함수를 만족하는 첫번째 요소의 인덱스을 반환, 없다면 -1을 반환

const array1 = [5, 12, 8, 130, 44];
const isLargeNumber = (element) => element > 13;
console.log(array1.findIndex(isLargeNumber)); // 3

 

▷ indexOf( ) : 문자열 혹은 배열에서 지정된 요소를 찾을 수 있는 첫번째 인덱스를 반환(find와 달리 판별 함수를 사용하지 않음), 없다면 -1을 반환

const word = 'pineapple is yummy';
const keyword = 'apple';
const indexOfFirst = paragraph.indexOf(searchTerm); // 4

const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
console.log(beasts.indexOf('bison')); // 1

 

▷ includes( ) : 배열이 특정 요소를 포함하고 있는지 판별, true나 false 값을 반환

const array1 = [1, 2, 3];
console.log(array1.includes(2)); // true