Detaillierte Erläuterung der Verwendung der Funktionen Array.find() und findIndex() in ES6

ES6 fügt dem Array die Funktionen find() und findIndex hinzu. Die Funktion find() wird verwendet, um das Zielelement zu finden. Wenn es nicht gefunden wird, wird auch nach dem Zielelement gesucht gefunden, wird die Position des Elements zurückgegeben. Wenn es nicht gefunden wird, wird -1 zurückgegeben. Das Folgende ist eine detaillierte Erklärung anhand von Beispielen. Freunde, die es benötigen, können darauf verweisen

ES6 fügt dem Array die Funktionen find() und findIndex hinzu.

Die Funktion find() wird verwendet, um das Zielelement zu finden. Wenn es gefunden wird, wird das Element zurückgegeben. Wenn es nicht gefunden wird, wird es undefiniert zurückgegeben.

Die Funktion findIndex() sucht auch nach dem Zielelement. Wenn sie es findet, gibt sie die Position des Elements zurück. Wenn sie es nicht finden kann, gibt sie -1 zurück.

Sie sind alle eine Suchrückruffunktion.

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

Die Suchfunktion verfügt über drei Parameter.

Wert: Das Array-Element, das für jede Iteration durchsucht werden soll.

index: Der für jede Iteration gesuchte Array-Elementindex.

arr: Das durchsuchte Array.

Beispiel:

1. Suchen Sie das Element und geben Sie den gefundenen Wert zurück. Wenn nicht, wird undefiniert zurückgegeben.

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)

Ergebnis:

undefiniert

2. Suchen Sie das Element und geben Sie den gefundenen Index zurück. Wenn nicht gefunden, wird -1 zurückgegeben.

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)

Ergebnis:

4
-1

3. Finden Sie NaN.

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)

Ergebnis:

NaN
2

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der Funktionen Array.find() und findIndex() in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!