본문 바로가기
FrontEnd/JavaScript

[ JavaScript ] 배열에서 특정 요소 찾기

by ウリ김영은 2023. 11. 13.

find()

배열에서 제공된 테스트 함수를 만족하는 첫 번째 요소를 반환한다.

테스트 함수를 만족시키는 값이 없으면 undefined를 반환한다.

const array1 = [5, 12, 8, 130, 44];

const found = array1.find((element) => element > 10);

console.log(found); //12

findIndex()

배열에서 찾은 요소의 인덱스가 필요할 때 사용한다.

주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환한다.

만족하는 요소가 없으면 -1 반환한다.

const array1 = [5, 12, 8, 130, 44];

const isLargeNumber = (element) => element > 13;

console.log(array1.findIndex(isLargeNumber)); //3

indexOf() vs findIndex()

값의 인덱스를 찾아야 하는 경우에 사용한다.

indexOf()는 각 요소가 값과 동일한지 확인한다.

findIndex()는 테스트 함수를 사용한다

const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.indexOf('bison')); //1

// Start from index 2
console.log(beasts.indexOf('bison', 2)); //4
const array1 = [5, 12, 8, 130, 44];

const isLargeNumber = (element) => element > 13;

console.log(array1.findIndex(isLargeNumber)); //3

includes()

배열에서 특정 값이 포함되어 있는지를 판단하여 true false를 반환한다.

각 요소가 값과 동일한지 확인한다.

const array1 = [1, 2, 3];

console.log(array1.includes(2)); //true

const pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat')); //true

console.log(pets.includes('at')); //false

some()

제공된 테스트 함수를 만족하는 요소가 하나라도 있는지 테스트한다.

true false를 반환한다.

배열을 변경하지 않는다.

const array = [1, 2, 3, 4, 5];

const even = (element) => element % 2 === 0;

console.log(array.some(even)); //true

 


 

참조

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/find