Maison > interface Web > js tutoriel > Explication détaillée des compétences d'itération de tableau javaScript method_javascript

Explication détaillée des compétences d'itération de tableau javaScript method_javascript

WBOY
Libérer: 2016-05-16 15:05:44
original
1316 Les gens l'ont consulté

Cet article présente la méthode d'itération du tableau javaScript pour votre référence. Le contenu spécifique est le suivant

Chaque méthode accepte deux arguments : la fonction à exécuter sur chaque élément et (éventuellement) l'objet scope sur lequel exécuter la fonction.

Les fonctions passées dans ces méthodes reçoivent 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.

forEach() Exécutez la fonction donnée sur chaque élément du tableau. Cette méthode n'a aucune valeur de retour.
every() Exécute la fonction donnée sur chaque élément du tableau et renvoie vrai si chaque élément du tableau renvoie vrai.
some() Exécute la fonction donnée sur chaque élément du tableau et renvoie vrai si un élément du tableau renvoie vrai.
filter() Renvoie vrai si chaque élément du tableau renvoie vrai. Renvoie un tableau d'éléments que cette fonction renverra vrai.
map() Renvoie vrai si chaque élément du tableau renvoie vrai. Renvoie un tableau des résultats de chaque appel de fonction.

Veuillez consulter l'exemple suivant :

var numbers = [1,2,3,4,5,4,3,2,1];
//every()
var everyResult = numbers.every(function(item, index, array){
 return (item > 2);
});
alert(everyResult); //false
//some()
var someResult = numbers.some(function(item, index, array){
 return (item > 2);
});
alert(someResult); //true
//filter()
var filterResult = numbers.filter(function(item, index, array){
 return (item > 2);
});
alert(filterResult); //[3,4,5,4,3]
//map()
var mapResult = numbers.map(function(item, index, array){
 return (item * 2);
});
alert(mapResult); //[2,4,6,8,10,8,6,4,2]
//forEach()
numbers.forEach(function(item, index, array){
 alert(item);
}); //多个弹窗分别显示数组中的元素
Copier après la connexion

Une autre méthode d'itération de tableau javaScript, comme suit

var arr = [3,4,5,6,7,"a"];

var isNum = function(elem,index,AAA){
return !isNaN(elem);
}

var toUpperCase = function(elem){
return String.prototype.toUpperCase.apply(elem);
}

var print = function(elem,index){
console.log(index+"."+elem);
}

/*对数组中的每一项执行测试函数,直到获得对指定的函数返回 false 的项。 使用此方法 可确定数组中的所有项是否满足某一条件,类似于&&的含义*/
var res = arr.every(isNum);
console.log(res);//false;

/*对数组中的每一项执行测试函数,直到获得返回 true 的项。 使用此方法确定数组中的所有项是否满足条件.类似于||的含义*/
res = arr.some(isNum);
console.log(res);//true

/*对数组中的每一项执行测试函数,并构造一个新数组,返回 true的项被添加进新数组。 如果某项返回 false,则新数组中将不包含此项*/
res = arr.filter(isNum);
console.log(res);//[3, 4, 5, 6, 7]

/*对数组中的每一项执行函数并构造一个新数组,并将原始数组中的每一项的函数结添加进新数组。*/
res = arr.map(toUpperCase);
console.log(res);//["3", "4", "5", "6", "7", "A"]

/*对数组中的每一项执行函数,不返回值*/
res = arr.forEach(print);
console.log(res);

 

 

//自己扩展

/*Array.prototype.every = function(fun,obj) {
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
for (var i = 0; i < len; i++) {
if (!fun.call(obj,this[i], i,this))
return false;
}
return true;
};*/
Copier après la connexion

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde d'apprendre la méthode d'itération des tableaux javaScript.

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