ES6의 Array.find() 및 findIndex() 함수 사용법에 대한 자세한 설명

ES6에서는 배열에 find() 및 findIndex 함수가 추가되었습니다. find() 함수는 대상 요소를 찾는 데 사용되며, 발견되지 않은 경우에는 정의되지 않은 요소를 반환합니다. 발견되면 요소의 위치를 ​​반환합니다. 발견되지 않으면 -1을 반환합니다. 다음은 예시를 통한 자세한 설명입니다. 필요하신 분들은 참고하시면 됩니다

ES6에서는 Array에 find(), findIndex 함수가 추가되었습니다.

find() 함수는 대상 요소를 찾는 데 사용됩니다. 요소가 발견되지 않으면 정의되지 않은 요소를 반환합니다.

findIndex() 함수도 대상 요소를 검색합니다. 요소가 발견되면 해당 요소의 위치를 ​​반환합니다.

모두 검색 콜백 기능입니다.

[1, 2, 3, 4].find((value, index, arr) => {
})

검색 기능에는 세 가지 매개변수가 있습니다.

값: 각 반복마다 검색된 배열 요소입니다.

index: 각 반복마다 검색된 배열 요소 인덱스입니다.

arr: 검색 중인 배열입니다.

예:

1. 요소를 찾아 찾은 값을 반환합니다. 찾을 수 없으면 정의되지 않은 값을 반환합니다.

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
var ret1 = arr1.find((value, index, arr) => {
 return value > 4
})
var ret2 = arr1.find((value, index, arr) => {
 return value > 14
})
console.log('%s', ret1)
console.log('%s', ret2)

결과:

undefine

2. 요소를 찾아 찾은 인덱스를 반환합니다. 찾을 수 없으면 -1을 반환합니다.

var ret3 = arr1.findIndex((value, index, arr) => {
 return value > 4
})

var ret4 = arr1.findIndex((value, index, arr) => {
 return value > 14
})
console.log('%s', ret3)
console.log('%s', ret4)

결과:

4
-1

3.

const arr2 = [1, 2, NaN, 4, 5, 6, 7, 8, 9, 10, 11]
var ret5 = arr2.find((value, index, arr) => {
 return Object.is(NaN, value)
})
var ret6 = arr2.findIndex((value, index, arr) => {
 return Object.is(NaN, value)
})
console.log('%s', ret5)
console.log('%s', ret6)

결과:

NaN
2

위 내용은 ES6의 Array.find() 및 findIndex() 함수 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!