Quelles sont les fonctions de tableau couramment utilisées ?

Certaines méthodes de tableaux

Les tableaux Javascript sont un type très familier et ont des fonctions très puissantes, mais tout le monde sans apprentissage frontal ne peut pas le maîtriser. Suivons Parlons de quelques méthodes de tableaux.

• Déduplication de tableau

  (1) Donner un tableau arr=[1,2,3 ,3,4], comment supprimer les doublons ?

• es6 a une nouvelle structure de données Set var newArr=new Set(arr);

• La méthode es5 consiste à déclarer un nouveau tableau obj et à parcourir arr, vérifiez si les éléments existent dans le nouveau tableau, le code est le suivant :

  var newArr = [];
  for (var i = 0; i < arr.length; i++) {
      if(newArr.indexOf(arr[i]) === -1){
          newArr.push(arr[i]);
      }
  }
  console.log(newArr); //[1,2,3,4];

• Array.forEach

  foreach est Exécuter la fonction donnée une fois pour chaque élément du tableau, mais le tableau d'origine reste inchangé et n'a aucune valeur de retour

      var arr = [1,2,3,4];
      arr.forEach(function(item, index, origin){
          item += 1;
          console.log(item);//2,3,4,5
      })
      console.log(arr);//[1,2,3,4]

• Array.map

  map exécute une fonction donnée une fois pour chaque élément du tableau, laissant le tableau d'origine inchangé et renvoyant un nouveau tableau

      var arr = [1,2,3,4];
      var newArr=arr.map(function(item, index, origin){
          return ++item;
      })
      console.log(newArr);//[2,3,4,5]

• Array.filter

  filter exécute une fonction donnée une fois pour chaque élément du tableau, laissant le tableau d'origine inchangé et renvoyant un nouveau tableau qui remplit les conditions

      var arr = [1,2,3,4];
      var newArr=arr.filter(function(item, index, origin){
          return item>2;
      })
      console.log(newArr);//[3,4]

• Array.reduce

  reduce est une fonction dont le premier paramètre est le résultat de la dernière fonction d'exécution avant ainsi que la valeur et l'index de l'élément actuel. Elle est généralement utilisée pour trouver la somme des tableaux. . Le deuxième paramètre est La première fois que la fonction est exécutée est la valeur de pre. S'il n'y a pas un tel paramètre, la première valeur sera considérée comme la valeur de pre

      var arr = [1,2,3,4];
      var res=arr.reduce(function(pre, cur, curIndex, origin){
          console.log(curIndex);//1,2,3
          return pre + cur;
      })
      console.log(res);//10
  
      var res=arr.reduce(function(pre, cur, curIndex, origin){
          console.log(curIndex);//0,1,2,3
          return pre + cur;
      }, 5)
      console.log(res);//15

• Array.every

  every exécute une fonction donnée une fois pour chaque élément du tableau. Si un résultat est faux, il renvoie false ; >
  Array .some

      var arr = [1,2,3,4];
      var res = arr.every(function(item, index, origin){
          return item > 2;
      })
      console.log(res);//false

• some est opposé à each, qui exécute une fonction donnée une fois pour chaque élément du tableau. Si un résultat est vrai, il renvoie vrai

  Convertir un tableau de classe en tableau

      var arr = [1,2,3,4];
      var res = arr.some(function(item, index, origin){
          return item > 2;
      })
      console.log(res);//true

• es6 fournit la méthode de

• La méthode de

  peut être utilisée dans es5Array.from

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!