Maison  >  Article  >  interface Web  >  Le tableau JavaScript détermine s'il contient

Le tableau JavaScript détermine s'il contient

WBOY
WBOYoriginal
2023-05-16 11:02:071805parcourir

En JavaScript, un tableau est une structure de données très courante qui peut stocker plusieurs valeurs et peut être manipulée à l'aide de diverses méthodes de tableau. Dans le développement réel, nous avons souvent besoin de déterminer si un tableau contient une certaine valeur. Cet article explique comment déterminer si un tableau contient une certaine valeur en JavaScript.

Méthode 1 : Utilisez la fonction indexOf()

La fonction indexOf() est une fonction intégrée fournie par les tableaux JavaScript, qui peut être utilisée pour rechercher un valeur dans le tableau Emplacement. Lorsque la valeur est recherchée, la fonction renvoie la position d'index de la valeur dans le tableau. Si la valeur ne figure pas dans le tableau, -1 est renvoyé.

Par conséquent, nous pouvons utiliser la fonction indexOf() pour déterminer si le tableau contient une certaine valeur. L'implémentation spécifique est la suivante :

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.indexOf(target) !== -1) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}

Dans le code ci-dessus, si le tableau arr contient un élément avec une valeur de 3, alors "le tableau contient 3" sera affiché, sinon "le tableau ne contient pas 3" sera émis.

Il est à noter que la valeur d'index renvoyée par la fonction indexOf() commence à 0. Par conséquent, lorsque vous utilisez la fonction indexOf(), si vous devez déterminer si elle contient un élément, vous devez déterminer s'il est égal à -1. De plus, lorsque vous utilisez cette fonction, vous devez faire attention à la correspondance des types de données. Si vous souhaitez rechercher une chaîne, vous devez utiliser l'opérateur d'égalité stricte (===), comme indiqué dans le code suivant :

let arr = ["apple", "banana", "orange"];
let target = "banana";
if (arr.indexOf(target) !== -1) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}

Le code ci-dessus, nous avons changé le contenu du tableau en une chaîne et la cible de recherche est également une chaîne. Si vous utilisez l'opérateur "==" pendant le jugement, vous obtiendrez des résultats incorrects.

Méthode 2 : Utilisez la fonction include()

includes() est une autre fonction intégrée fournie par les tableaux JavaScript. Elle peut être utilisée pour déterminer si un tableau contient. un certain élément. La valeur de retour de la fonction include() est une valeur booléenne si l'élément est inclus dans le tableau, elle renvoie vrai, sinon elle renvoie faux.

Nous pouvons utiliser la fonction include() pour déterminer si le tableau contient une certaine valeur. L'implémentation spécifique est la suivante :

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.includes(target)) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}

Dans le code ci-dessus, si le tableau arr contient un élément avec une valeur de 3, alors "le tableau contient 3" sera affiché, sinon "le tableau ne contient pas 3" sera émis.

Il est à noter que la valeur de retour de la fonction include() est vraie ou fausse et ne renverra pas la valeur d'index de l'élément dans le tableau. De plus, lorsque vous utilisez cette fonction, vous devez faire attention à la correspondance des types de données. Si vous souhaitez rechercher une chaîne, vous devez utiliser l'opérateur d'égalité stricte (===), comme indiqué dans le code suivant :

let arr = ["apple", "banana", "orange"];
let target = "banana";
if (arr.includes(target)) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}

Méthode 3 : Utilisez la fonction find() de ES6

Dans ES6, les tableaux JavaScript fournissent une nouvelle fonction find(), qui peut être utilisée pour rechercher des éléments dans le tableau qui répond à une certaine condition. Le paramètre de la fonction find() est une fonction de rappel, qui peut accepter trois paramètres : la valeur de l'élément, l'index de l'élément et le tableau lui-même. La fonction de rappel doit renvoyer une valeur booléenne. Si elle est vraie, cela signifie qu'un élément qui remplit la condition a été trouvé et la fonction find() renverra l'élément. Si la fonction de rappel renvoie false, continuez la recherche.

Nous pouvons utiliser la fonction find() pour déterminer si le tableau contient une certaine valeur. L'implémentation spécifique est la suivante :

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.find(item => item === target)) {
  console.log("数组包含" + target);
} else {
  console.log("数组不包含" + target);
}

Dans le code ci-dessus, nous utilisons la fonction flèche pour implémenter la fonction de rappel. Le paramètre de la fonction flèche est item, et le code item === target indique si l'élément cible est trouvé. Si le tableau arr contient un élément avec une valeur de 3, il affichera "le tableau contient 3", sinon il affichera "le tableau ne contient pas 3".

Il est à noter que la fonction find() renvoie l'élément trouvé s'il n'est pas trouvé, elle renvoie undéfini. De plus, lorsque vous utilisez cette fonction, vous devez faire attention à la syntaxe de la fonction de rappel. Si la fonction de rappel ne renvoie pas ou renvoie false, le premier élément non défini sera trouvé, ce qui peut conduire à des résultats incorrects.

Summary

Ce qui précède présente trois méthodes permettant aux tableaux JavaScript de déterminer s'ils contiennent une certaine valeur : la fonction indexOf(), la fonction include() et la fonction find() d'ES6. . Chacune de ces trois méthodes a ses propres avantages et inconvénients, et vous devez choisir la méthode appropriée en fonction de la situation réelle. De plus, vous devez faire attention à la correspondance des types de données et à la syntaxe de la fonction de rappel lors de son utilisation.

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!

Déclaration:
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