Explication détaillée de l'utilisation des fonctions Array.find() et findIndex() dans ES6

ES6 ajoute les fonctions find() et findIndex à Array. La fonction find() est utilisée pour rechercher l'élément cible. S'il est trouvé, il renverra l'élément. S'il n'est pas trouvé, il renverra un élément défini. La fonction findIndex() recherche également l'élément cible. trouvé, il renverra la position de l'élément. S'il n'est pas trouvé, il renverra -1. Ce qui suit est une explication détaillée à travers des exemples. Les amis qui en ont besoin peuvent s'y référer

ES6 ajoute les fonctions find() et findIndex au tableau.

La fonction find() est utilisée pour trouver l'élément cible s'il est trouvé, il renverra l'élément. S'il n'est pas trouvé, il renverra undéfini.

La fonction findIndex() recherche également l'élément cible si elle le trouve, elle renvoie la position de l'élément. Si elle ne le trouve pas, elle renvoie -1.

Ils sont tous une fonction de rappel de recherche.

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

La fonction de recherche comporte trois paramètres.

value : l'élément du tableau à rechercher pour chaque itération.

index : L'index de l'élément du tableau recherché pour chaque itération.

arr : Le tableau recherché.

Exemple :

1. Recherchez l'élément et renvoyez la valeur trouvée. S'il n'est pas trouvé, undefined est renvoyé.

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)

Résultat :

non défini

2. Recherchez l'élément et renvoyez l'index trouvé. S'il n'est pas trouvé, -1 est renvoyé.

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)

Résultat :

4
-1

3. Trouvez 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)

Résultat :

NaN
2

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!