Méthodes de partage pour l'implémentation d'itérations de tableaux JavaScript

Cet article présente principalement la méthode d'itération JavaScriptarray, qui a une bonne valeur de référence. Jetons-y un coup d'œil avec l'éditeur ci-dessous

Récemment, le traitement des données est souvent impliqué dans le travail. Ils doivent souvent être parcourus et convertis. Les articles sur Internet sont dispersés ici et là. je n'ai donc pas d'autre choix que de le faire moi-même. Trouvez le petit livre rouge, dépliez-le et notez-le pour référence future.

Méthodes d'itération couramment utilisées pour les tableaux

ECMAScript5 définit 5 méthodes d'itération pour les tableaux. Chaque méthode accepte deux arguments : une fonction fn à exécuter sur chaque élément et (éventuellement) un objet scope sur lequel exécuter la fonction - affectant la valeur de "this".

La fonction (fn) passée dans ces méthodes recevra 3 paramètres : item, index, array ; tels que :

array.forEach(function(item,index,array){
  //do your staff here;
},this)

Selon la méthode d'utilisation, la fonction après exécution Return valeur, qui peut ou non affecter la valeur de retour dans la méthode.

Un aperçu des fonctions et des valeurs de retour de ces cinq méthodes d'itération est le suivant :

Méthode d'itération des éléments de tableau ECMAScript5

td>< td>Array : Renvoyer l'exécution de la fonction Après cela, obtenez un nouveau tableau composé de nouveaux éléments< td>Booléen : si un élément renvoie vrai après l'exécution de la fonction, alors renvoie vrai

Nom de la méthode

Fonction de la méthode

Valeur de retour

every()

Exécuter la fonction spécifiée pour chaque élément du tableau

Booléen : si chaque élément renvoie vrai, renvoie vrai ;

filter()

Exécute la fonction spécifiée pour chaque élément du tableau,

Array : renvoie un nouveau tableau composé d'éléments dont la fonction renvoie vrai

forEach()

Exécuter la fonction spécifiée pour chaque élément du tableau

null

 : Aucune valeur de retour

map

方法名	方法作用	返回值
every()	针对数组中每一项元素运行指定函数	Boolean:若每一项都返回true,返回true;
filter()	针对数组中每一项元素运行指定函数，	Array: 返回函数运行返回true的元素组成的新数组
forEach()	针对数组中每一项元素运行指定函数	null:　　无返回值
map()	针对数组中每一项元素运行指定函数	Array:　 返回函数运行后，得到到新新元素组成的新数组
some()	针对数组中每一项元素运行指定函数	Boolean: 若有任意一项执行函数后返回true, 则返回true

()

Exécuter la fonction spécifiée pour chaque élément du tableau

some()

Exécutez la fonction spécifiée pour chaque élément dans le tableau

En termes simples :

La méthode

every() , some() convient au jugement conditionnel sur les éléments du tableau ;

la méthode filter() , map() convient au filtrage/retraitement conditionnel du tableau ;

La méthode forEach() n'opère pas sur le tableau lui-même, mais ne l'applique que deux fois aux éléments du tableau

Ce qui suit est un exemple d'utilisation de chaque méthode :

Supposons d'abord un scénario dans lequel vous obtenez la liste des salaires de l'entreprise pour ce mois-ci. Supposons que votre salaire soit de 9 000 ; ,

a. Je veux savoir si votre salaire est le plus bas

b. Je veux savoir si quelqu'un d'autre gagne le même salaire que vous

c. Je veux savoir si tout le monde est traité de la même manière

d Je veux convertir le salaire de chacun en données K

var a,b,c;
var your=9000;
var salaries=[8500,12000,9900,9000];
 a=slaries.some(function(item,index,array){
  return item<9000
});
console.log(a);//true;恭喜你，还有人比你工资更低
b=salaries.filter(function(item,index,array){
  return item== your;
})
console.log(b);//[9000] 呵呵，有人跟你待遇一样
c=salaries.every(function(item,index,array){
  return item==your; 
});
console.log(c);//false .不是所有人都和你一样待遇哦
d=salaries.map(function(item,index,array){
  return item/1000 
});
console.log(d);//[8.5,12,9.9,9]

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!