Exemples détaillés de 5 méthodes d'itération pour les tableaux JavaScript

Cet article présente principalement en détail les 5 méthodes d'itération des tableaux JavaScript, qui ont une certaine valeur de référence. Les amis intéressés peuvent s'y référer

ES5 définit 5 méthodes d'itération pour les tableaux. Chaque méthode reçoit deux paramètres. La fonction à exécuter sur chaque élément et (éventuellement) l'objet de portée sur lequel exécuter la fonction - affectant la valeur de celui-ci. //Parmi eux (facultatif) ce paramètre n'a pas encore été rencontré.

Parmi eux, la fonction reçoit trois paramètres (chaque élément du tableau, la valeur d'index de chaque élément et l'objet du tableau lui-même).

Ce qui suit est une introduction aux 5 méthodes :

every() : exécute la fonction pour chaque élément du tableau. Si chaque élément renvoie vrai, alors cette méthode renvoie vrai.

some() : exécute la fonction sur chaque élément du tableau. Tant qu'un élément renvoie vrai, la méthode renvoie vrai.

filter() : exécute la fonction sur chaque élément du tableau et renvoie les éléments qui renvoient vrai dans un tableau.

forEach() exécute une fonction sur chaque élément du tableau et n'a aucune valeur de retour. Semblable à une boucle for.

map() Exécute la fonction sur chaque élément du tableau et renvoie (traité) chaque élément.

Aucune des 5 méthodes ci-dessus ne modifiera le tableau lui-même.

Comparaison de forEach et de la carte :

  var arr = [1,2,3,4,5];
  //every() filter() some() forEach() map()
  var res = arr.every(function(i,index,o){
    return i>2;
  });
  console.log(arr); //[1,2,3,4,5]
  console.log(res); //false

  var some = arr.some(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(some);//true

  var filter = arr.filter(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(filter);//[3,4,5]

  var forEach = arr.forEach(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(forEach);//undefined

  var map = arr.map(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(map);//[false,false,true,true,true]

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!