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
'FrontEnd > JavaScript' 카테고리의 다른 글
[ JavaScript ] HTMLCollection 은 forEach가 안된다? (0) | 2023.12.02 |
---|---|
[ JavaScript ] Object.freeze (0) | 2023.11.27 |
[ JavaScript ] 문자열에서 공백 있는지 확인하기 (0) | 2023.11.04 |
[ JavaScript ] static (feat. 클래스) (0) | 2023.11.03 |
[ JavaScript ] 현재 시간 가져오기 (feat. Date) (0) | 2023.11.02 |