Comment savoir si un élément d'un tableau existe dans jquery

Dans le processus de développement avec jQuery, nous rencontrons généralement un problème très courant, à savoir comment déterminer si un élément existe dans un tableau. Dans cet article, nous explorerons différentes manières d’accomplir cette tâche.

Méthode 1 : utilisez la méthode inArray() de jQuery

Dans jQuery, nous pouvons utiliser la méthode inArray() pour déterminer si un élément existe dans un tableau. La méthode inArray() peut recevoir deux paramètres. Le premier paramètre est l'élément à rechercher et le deuxième paramètre est le tableau à rechercher. Cette méthode renvoie la valeur d'index de l'élément trouvé dans le tableau, ou -1 s'il n'est pas trouvé.

Ce qui suit est un exemple de code simple qui utilise la méthode inArray() pour déterminer si un élément existe dans un tableau :

var arr = ['apple', 'banana', 'orange', 'grape'];
var index = $.inArray('banana', arr);
if (index != -1) {
  console.log('元素存在于数组中，索引值为：' + index);
} else {
  console.log('元素不存在于数组中');
}

Explication du code :

Définissez d'abord un tableau contenant quatre noms de fruits et utilisez la méthode inArray() rechercher Si le tableau contient l'élément "banane". Si la valeur d'index renvoyée par la méthode inArray() n'est pas égale à -1, cela signifie que l'élément existe dans le tableau et la valeur d'index de l'élément est affichée dans la console. D'un autre côté, si la valeur de l'index est égale à -1, cela signifie que l'élément n'existe pas dans le tableau et cette information est affichée sur la console.

Méthode 2 : utilisez la méthode grep() de jQuery

Une autre méthode jQuery qui peut être utilisée pour déterminer si un élément existe dans un tableau est la méthode grep(). Comme la méthode inArray(), la méthode grep() reçoit également deux paramètres : le premier paramètre est le tableau à rechercher et le deuxième paramètre est la condition de recherche. La méthode grep() renvoie un nouveau tableau contenant les éléments qui répondent aux critères, ou un tableau vide si aucun élément n'est trouvé.

Ce qui suit est un exemple de code simple qui utilise la méthode grep() pour déterminer si un élément existe dans un tableau :

var arr = ['apple', 'banana', 'orange', 'grape'];
var result = $.grep(arr, function (n) {
  return n == 'banana';
});
if (result.length > 0) {
  console.log('元素存在于数组中');
} else {
  console.log('元素不存在于数组中');
}

Explication du code :

Utilisez la méthode grep() pour déterminer si le tableau contient l'élément "banane" ". Si la longueur du nouveau tableau renvoyé par la méthode grep() est supérieure à 0, cela signifie que l'élément existe dans le tableau et cette information est affichée sur la console. En revanche, si la longueur du nouveau tableau est égale à 0, cela signifie que l'élément n'existe pas dans le tableau.

Méthode 3 : utilisez la méthode include() dans ECMAScript 6

Dans la spécification ECMAScript 6, une nouvelle méthode include() est fournie pour déterminer si un élément existe dans un tableau. En utilisant la méthode include(), nous pouvons facilement déterminer si un élément existe dans un tableau.

Ce qui suit est un exemple de code simple qui utilise la méthode include() pour déterminer si l'élément existe dans le tableau :

var arr = ['apple', 'banana', 'orange', 'grape'];
if (arr.includes('banana')) {
  console.log('元素存在于数组中');
} else {
  console.log('元素不存在于数组中');
}

Explication du code :

Utilisez la méthode include() pour déterminer si l'élément "banane" existe dans le tableau. Si l'élément existe dans le tableau, imprimez ces informations sur la console. Au contraire, si l'élément n'existe pas dans le tableau, les informations inexistantes seront affichées sur la console.

Résumé

Cet article présente plusieurs méthodes différentes pour déterminer si un élément existe dans un tableau, y compris les méthodes inArray() et grep() de jQuery, et la méthode include() dans ECMAScript 6. Ces méthodes sont très pratiques et pratiques. La méthode que vous choisissez dépend entièrement de vos habitudes personnelles et des besoins du projet.

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!