Maison > interface Web > js tutoriel > 5 façons de parcourir des tableaux en JavaScript

5 façons de parcourir des tableaux en JavaScript

零到壹度
Libérer: 2018-04-12 14:31:17
original
1324 Les gens l'ont consulté

Le contenu de cet article est de partager avec vous 5 méthodes d'itération sur les tableaux JavaScript, qui ont une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer

ECMAScript5 définit 5 méthodes d'itération pour les tableaux. Chaque méthode accepte deux paramètres : la fonction à exécuter sur chaque élément et (éventuellement) l'objet de portée pour exécuter la fonction - la valeur qui affecte cela. Les fonctions transmises à ces méthodes acceptent trois paramètres : la valeur de l'élément du tableau, la position de l'élément dans le tableau et l'objet du tableau lui-même.

every() : Exécutez la fonction donnée sur chaque élément du tableau. Si la fonction renvoie true pour chaque élément du tableau, alors true est renvoyé.

filter() : exécute la fonction donnée sur chaque élément du tableau et renvoie un tableau d'éléments que la fonction renverra vrai.

forEach() : exécute la fonction donnée sur chaque élément du tableau. Cette méthode n'a pas de valeur de retour.

map () : exécutez la fonction donnée sur chaque élément du tableau et renvoie un tableau composé des résultats de chaque appel de fonction.

some() : étant donné une fonction pour chaque élément du tableau, si

la fonction renvoie vrai pour n'importe quel élément , alors elle renvoie vrai,

toutes les méthodes ci-dessus modifiera les valeurs contenues dans le tableau.

    var numbers = [1,2,3,4,5,4,3,2,1];
    var everyResult=numbers.every(function (item,index,array) {
    	return(item>2);
    });
    alert(everyResult);   //false      every()必须没一项都返回true 则返回true
Copier après la connexion
  var someResult=numbers.some(function (item,index,array) {
	return(item>2);
   });
   alert(someResult);   //true         some()任意一项返回true 则返回true
Copier après la connexion
	var filterResult=numbers.filter(function (item,index,array) {
	     return(item>2);
	});
	alert(filterResult);  // 34543  filter()利用指定的函数确定返回在数组中包含某一项。 返回一个所有的数值都要大于2的数组。
Copier après la connexion
       var mapResult=numbers.map(function (item,index,array) {
	     return item * 2;
	});
	alert(mapResult);  //2,4,6,8,10,8,6,4,2  map()也返回一个数组。而这个数组的每一项都是在原始数组中的对应上运行入函数的结果。
Copier après la connexion
    numbers.forEach(function(item,index,array){
    	//执行某些操作
   })     //forEach()它只是对数组的每一项运行传入的函数,没有返回值。本质和for循环迭代数组一样
Copier après la connexion

Recommandations associées :

Résumé des cinq principales méthodes d'itération pour tableaux en JavaScript

5 méthodes d'itération définies par js array

JS méthode d'itération de tableau

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