Maison > interface Web > js tutoriel > Quelles sont les fonctions de tableau couramment utilisées ?

Quelles sont les fonctions de tableau couramment utilisées ?

一个新手
Libérer: 2017-10-16 09:20:31
original
3678 Les gens l'ont consulté

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];
      Copier après la connexion
  • 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]
    Copier après la connexion
  • 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]
    Copier après la connexion
  • 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]
    Copier après la connexion
  • 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
    Copier après la connexion
  • <🎜. >

    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
    Copier après la connexion
  • 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
    Copier après la connexion
  • 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal