JavaScript进阶：数组迭代常用方法

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()和<
9381
/span>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]