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 .somevar arr = [1,2,3,4]; var res = arr.every(function(item, index, origin){ return item > 2; }) console.log(res);//false
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
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!