Comment utiliser la fonction Array.includes() dans ES6

Cet article présente principalement l'utilisation de la fonction Array.includes() dans ES6. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Dans ES5, Array fournit déjà indexOf pour trouver la position d'un élément, s'il n'existe pas, il renvoie -1. Cependant, cette fonction a deux petits points pour déterminer si le tableau contient un. element.Inconvénients.Le premier est qu'il renverra -1 et la position de l'élément pour indiquer s'il est inclus. Il n'y a pas de problème en termes de positionnement, mais ce n'est pas assez sémantique. Un autre problème est qu’il ne peut pas déterminer s’il existe des éléments NaN.

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log('%s', arr1.indexOf(NaN))

Résultat :

-1

ES6 fournit la fonction Array.includes() pour déterminer si un élément est inclus . En plus de l'impossibilité de localiser, les deux problèmes d'indexOf ci-dessus sont résolus. Il renvoie directement true ou false pour indiquer s'il contient un élément, et il est également efficace pour NaN.

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log('%s', arr1.includes('c'))
console.log('%s', arr1.includes('z'))
console.log('%s', arr1.includes(NaN))

Résultat :

vrai
faux
vrai

Fonction Inclut() Les deux les paramètres représentent la position de départ du jugement.

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', NaN]
console.log('%s', arr1.includes('d', 1))
console.log('%s', arr1.includes('d', 3))
console.log('%s', arr1.includes('d', 4))

Résultat :

vrai
vrai
faux

Le deuxième paramètre peut également être un nombre négatif , Indique le numéro de droite, mais ne change pas le sens de la recherche. Le sens de recherche est toujours de gauche à droite.

console.log('%s', arr1.includes('k', -1))
console.log('%s', arr1.includes('k', -2))
console.log('%s', arr1.includes('i', -3))

Résultat :

faux
vrai
faux

Recommandations associées :

Méthode Object.assign() dans ES6

Explication détaillée de l'extension ES6 Promise toujours instance de méthode

Explication détaillée du bloc ES6- portée du niveau

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!