JavaScript进阶:数组迭代常用方法
前言
为了加深个人对JavaScript数组迭代的理解,写下这一博客以作总结。
定义
every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则结果返回true(这里有点像逻辑运算符‘与’即‘&&’)。
some():对数组中的每一项运行给定函数,如果该函数任意一项返回true,则结果返回true(这里有点像逻辑运算符‘或’即‘||’)。
filter():对数组中每一项运行给定函数,返回会返回true的项组成的数组。
forEach():对数组中每一项运行给定函数,这个方法无返回值。
map():对数组中每一项运行给定函数,返回每次函数调用的结果组成的数组。
用法
1、every()
该方法不会改变原始数组,也不会检测空数组。
语法:
array.every(function(currentValue,index,arr), thisValue)
currentValue:必须。当前数组元素的值;
index:可选。元素的索引值;
arr:可选。当前数组对象;
thisValue:可选。对象作为执行回调时使用,传递给函数,用作’this’的值。若省略了thisValue,‘this’的值为undefined。
看一个例子:
function foo (item) {
return (item < 3)
}
function foo1 (item) {
return (item < 6)
}
var arr = [1,2,3,4,5];
console.log(arr.every(foo)); //false
console.log(arr.every(foo1)); //true
2、some()
该方法不会改变原始数组,也不会检测空数组。
语法:
array.some(function(currentValue,index,arr), thisValue)
currentValue:必须。当前数组元素的值;
index:可选。元素的索引值;
arr:可选。当前数组对象;
thisValue:可选。对象作为执行回调时使用,传递给函数,用作’this’的值。若省略了thisValue,‘this’的值为undefined。
和every()非常相似,再此不举列子。
3、filter()
该方法不会改变原始数组,也不会检测空数组。
语法:
array.filter(function(currentValue,index,arr), thisValue)
currentValue:必须。当前数组元素的值;
index:可选。元素的索引值;
arr:可选。当前数组对象;
thisValue:可选。对象作为执行回调时使用,传递给函数,用作’this’的值。若省略了thisValue,‘this’的值为undefined。
看一个例子:
function foo (item) {
return (item < 3);
}
var arr = [1,2,3,4,5];
console.log(arr.filter(foo)); //[1,2]
4、forEach()和map()
两者的语法和前面迭代方法的语法一致。
var arr = [1,2,3,4,5];
var mapResult = arr.map(function (value,index,arr) {
arr[index] = value * 2;
})
console.log(arr); //[2,4,6,8,10]
看一段关于forEach()代码:
var data=[1,2,3,4,5,6];
var sum=0;
data.forEach(function(v){//其中的v就是数组的值123456
sum+=v;})
document.write(sum+"<br>");//打印出来是21
data.forEach(function(o,p,q){//分别对应:数组元素,元素的索引,数组本身
q[p]=o+1;
})
document.write(data); //[2,3,4,5,6,7]
再看一段关于map()代码:
var num = [1,2,3,4,5,6];
var map = num.map(function (item, index, array){
return item*2;
} )
console.log(map); //[2,4,6,8,10.12]