Maison >interface Web >js tutoriel >L'apprentissage du tableau JS renvoie tous les éléments qui répondent aux conditions données
Dans l'article précédent « JS Array Learning : Déterminer si tous les éléments du tableau remplissent les conditions données », nous avons présenté plusieurs méthodes pour détecter si tous les éléments du tableau remplissent les conditions spécifiées. Cette fois, nous continuons à parler de la traversée de tableaux et à présenter la méthode permettant à JavaScript de renvoyer des éléments dans un tableau qui répondent à des conditions spécifiées. Les amis dans le besoin peuvent en apprendre davantage ~
Le contenu principal de l'article d'aujourd'hui est le suivant : parcourir le tableau et détecter si le tableau est utilisé. les éléments du tableau satisfont Spécifie une condition et renvoie les éléments du tableau qui remplissent la condition. Pour faire simple : il s'agit de filtrer les éléments du tableau en fonction de conditions spécifiées.
Présentons 2 méthodes, en commençant par la boucle for familière, puis en introduisant une fonction intégrée : voyons comment cette fonction peut filtrer les éléments d'un tableau.
Méthode 1 : utiliser la boucle for
Idée d'implémentation : utilisez l'instruction for pour parcourir le tableau et déterminez si les éléments du tableau remplissent les conditions dans chaque boucle. S'ils remplissent les conditions, affichez-les s'ils le font. ne remplissez pas les conditions, sortez de cette boucle.
Apprenons-en davantage à travers des exemples :
Exemple 1 : Renvoie tous les nombres pairs
var a = [2,3,4,5,6,7,8]; for(var i=0;i<a.length;i++){ if (a[i] % 2 == 0) { console.log(a[i]); }else{ continue; } }
Résultats de sortie :
Exemple 2 : Renvoie toutes les années bissextiles
var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020]; for(var i=0;i<a.length;i++){ if(a[i]%4==0 && a[i]%100!=0){ console.log(a[i]); } else { continue; } }
Résultats de sortie :
Méthode 2 : Utiliser la méthode filter()
La méthodefilter() peut renvoyer des éléments du tableau qui répondent à des conditions spécifiées.
array.filter(function callbackfn(Value,index,array),thisValue)
function callbackfn(Value,index,array)
: une fonction de rappel, qui ne peut être omise, et peut accepter jusqu'à trois paramètres :
value : la valeur de l'élément actuel du tableau, qui ne peut être omise.
index : L'index numérique de l'élément actuel du tableau.
array : l'objet tableau auquel appartient l'élément actuel.
La valeur de retour est un nouveau tableau contenant toutes les valeurs pour lesquelles la fonction de rappel renvoie vrai. Si la fonction de rappel renvoie false pour tous les éléments du tableau, la longueur du nouveau tableau est 0.
Apprenons-en davantage à travers des exemples :
Exemple 1 : Renvoie tous les nombres pairs
var a = [2,3,4,5,6,7,8]; function f (value) { if (value % 2 == 0) { return true; }else{ return false; } } var b = a.filter(f); console.log(b);
Résultats de sortie :
Exemple 2 : Renvoie toutes les années bissextiles
var a = [1995,1996,1997,1998,1999,2000,2004,2008,2010,2012,2020]; function f (value) { if(value%4==0 && value%100!=0){ return true; } else { return false; } } var b = a.filter(f); console.log(b);
Résultats de sortie :
D'accord, c'est tout. Si vous en avez besoin, vous pouvez regarder : tutoriel vidéo javascript
.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!