Maison > interface Web > js tutoriel > Comment déterminer si un tableau contient une certaine valeur dans es6

Comment déterminer si un tableau contient une certaine valeur dans es6

青灯夜游
Libérer: 2022-03-07 18:35:31
original
10555 Les gens l'ont consulté

Dans es6, vous pouvez utiliser la méthode include() du tableau pour déterminer si le tableau contient une certaine valeur. Cette méthode peut être utilisée pour détecter si le tableau contient une certaine valeur. La syntaxe est "array object.includes(". valeur)".

Comment déterminer si un tableau contient une certaine valeur dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

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 présente deux petits défauts pour déterminer si le tableau contient un élément. 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.

Par exemple :

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

Résultat :

-1
Copier après la connexion

ES6 fournit la fonction Array.includes() pour déterminer si un certain élément est inclus. En plus de ne pas pouvoir le positionner, il résout les deux problèmes ci-dessus d'indexOf. 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))
Copier après la connexion

Result : Le deuxième paramètre de la fonction

true
false
true
Copier après la connexion

includes() indique 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))
Copier après la connexion

Résultat :

true
true
false
Copier après la connexion

Le deuxième paramètre peut également être un nombre négatif, indiquant le nombre 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))
Copier après la connexion

Résultat :

false
true
false
Copier après la connexion

Résumé : la méthode

includes(), utilisée pour détecter si le tableau contient une certaine valeur, peut déterminer NaN et renvoyer directement vrai/faux, ce qui est plus intuitif ; , utilisez Pour trouver la position d'un certain élément, NaN ne peut pas être jugé et -1 est renvoyé, ce qui signifie qu'il n'est pas inclus. Si ce n'est pas -1, c'est la position actuellement incluse.

Les deux méthodes ont leurs propres avantages et inconvénients, selon la situation réelle. Si l'élément contient NaN, utilisez include(), sinon l'un ou l'autre peut être utilisé.

【Recommandations associées :

tutoriel vidéo javascript

, front-end web

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal