JS数组迭代方法实操

数组迭代方法有 1. every() 2.some() 3.foreach() 4.map() 5.filter

逐一操作，并简要区分之。

1 every()

every() 方法使用指定的函数测试数组中所有的项，在数组的所有项都满足该条件时，才返回true，否则返回false；

2 some()

. some() 方法使用指定的函数测试数组中所有的项，只要数组中有一项满足条件，就返回true，都不满足才返回false。

var nunmbers=[1,2,3,4,5,6,7,8,9]
var everyResult= nunmbers.every(function(item,index,array){return item>3})
console.log(everyResult)
var someResult = nunmbers.some(function(item,index,array){return item>3})
console.log(someResult)
1
2
3
4
5

3 forEach()

作用：遍历数组，取出数组中的每一项
参数：function(value,index,array){}
返回值：没有返回值

var nunmbers=[1,2,3,4,5,6,7,8,9]
var sum = 0
 nunmbers.forEach(function(item,index,array){
    console.log('元素' + item);
    console.log('引号' + index);
    console.log('数组' + array);
    sum += item;
 })
console.log(sum)
1
2
3
4
5
6
7
8
9

运行结果

元素1
引号0
数组1,2,3,4,5,6,7,8,9
元素2
引号1
数组1,2,3,4,5,6,7,8,9
元素3
引号2
数组1,2,3,4,5,6,7,8,9
元素4
引号3
数组1,2,3,4,5,6,7,8,9
元素5
引号4
数组1,2,3,4,5,6,7,8,9
元素6
引号5
数组1,2,3,4,5,6,7,8,9
元素7
引号6
数组1,2,3,4,5,6,7,8,9
元素8
引号7
数组1,2,3,4,5,6,7,8,9
元素9
引号8
数组1,2,3,4,5,6,7,8,9
45
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

4 map()

map()生成一个新数组 其结果是该数组每一个元素 调用指定函数的 返回值，返回一个新数组。
map() 不会对空数组进行检测。
map() 方法不改变原数组。

var nunmbers=[1,2,3,4,5,6,7,8,9]
var mapResult1 = nunmbers.map((item, index)=>{
    return item * 2;
})
console.log(mapResult1);
1
2
3
4
5

运行结果

2,4,6,8,10,12,14,16,18
1

5 filter()

filter() 方法使用指定的函数测试数组中所有的项，并创建一个包含所有通过测试的项的新数组，如果都没通过就返回一个空数组。
filter() 方法不会对空数组进行检测。
filter() 方法不改变原数组。

var nunmbers=[1,2,3,4,5,6,7,8,9]
var filterResult = nunmbers.filter((item, index)=>{
    return item > 5;
})
console.log(filterResult);  
1
2
3
4
5

运行结果

6,7,8,9
1

亲自手动输一下遍代码，还是有收获的。