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)

JS数组迭代方法实操_第1张图片

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
引号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

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);

运行结果

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

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);  

运行结果

6,7,8,9

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

你可能感兴趣的:(Javascript,javascript,前端,开发语言)