Comment js détermine-t-il qu'un tableau contient des éléments spécifiques ? (Résumé de la méthode)

Le contenu de cet article explique comment js détermine qu'un tableau contient des éléments spécifiques ? (Résumé de la méthode) a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère que cela vous sera utile.

C'est une exigence très courante pour déterminer si un tableau contient un élément spécifique. Il existe de nombreuses méthodes d'implémentation en JavaScript. J'ai le temps de les résumer aujourd'hui. Elles sont triées par compatibilité de forte à faible. le type de retour est toujours booléen :

Supposons que le tableau est arr et que l'élément cible est cible

Parcours de boucle :

(arr, target) => {
  for (var i = 0; i < arr.length; i++) {
    if (arr[i] === target) {
      return true;
    }
  }
  return false;
}

Compatibilité : es1

Algorithme d'égalité : ===

indexOf :

(arr, target) => {
  return arr.indexOf(target) >= 0;
}

Compatibilité : es5

Algorithme d'égalité : ===

filtre :

(arr, target) => {
  return arr.filter(el => el === target).length > 0;
}

Compatibilité :es5

Algorithme égal : ===

certains :

(arr, target) => {
  return arr.some(el => el === target);
}

Compatibilité : es5

Algorithme égal : = ==

trouver :

(arr, target) => {
  return arr.find(el => el === target) !== undefined;
}

Compatibilité : es2015

Algorithme d'égalité : ===

trouverIndex :

(arr, target) => {
  return arr.findIndex(el => el === target) >= 0;
}

Compatibilité : es2015

Algorithme égal : ===

comprend :

(arr, target) => {
  return arr.includes(target);
}

Compatibilité : es2016

Algorithme égal : SameValueZero

==Conseils :==

=== La différence avec SameValueZero est que
NaN === Nan => false et SameValueZero considèrent que deux NaN sont égaux. Veuillez vous référer à MDN pour plus de détails. Si vous souhaitez modifier l'implémentation de === ci-dessus en implémentation de SameValueZero, vous pouvez écrire :

el === target || (Object.is(el, NaN) && Object.is(target, NaN))

Avec es6 et babel si populaires de nos jours, la plupart du temps, nous pouvons simplement utiliser les include directement.

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!