JavaScript数组的迭代方法(every、filter、forEach、map和some)

ES5 中为数组定义了 5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响 this 的值。

传入这些方法中的函数接收三个参数:数组项的值、该项在数组中的位置(索引)和数组对象本身。

这 5 个方法都不会修改原数组中包含的值。


every ( ) 和 some ( )

every ( ) 和 some ( ) 是一对功能比较相近的函数,他们用于查询数组中的项是否满足某个条件。
every ( ) : 对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回 true。
some ( ) : 对数组中的每一项运行给定函数,如果该函数对任一项返回 true,则返回 true。

例如:

var nums = [1, 2, 3, 4, 5, 4, 3, 2, 1];

var everyResult = nums.every(function(item, index, array){
    return (item > 2);
});

var someResult = nums.some(function(item, index, array){
    return (item > 2);
});

alert(everyResult)  // false
alert(someResult)   // true

filter ( )

filter ( ) 方法利用指定的函数确定是否存在返回的数组中包含某一项。filter 是过滤器的意思,这个方法也可以理解为对数组过滤,返回符合指定函数要求的数组项组成的数组。

例如:

var filterResult = nums.filter(function(item, index, array){
	// 返回满足条件的项
    return (item > 2);
})
alert(filterResult) // 3,4,5,4,3

map ( )

map ( ) 方法也返回一个数组,数组中的每一项都是在原始数组中的对应项上运行传入函数的结果。

这个方法适合创建包含的项与另一个数组一一对应的数组。

例如:

var mapResult = nums.map(function(item, index, array){
    return item * 2;
})
alert(mapResult)    // 2,4,6,8,10,8,6,4,2

forEach ( )

forEach ( ) 方法只是对数组中的每一项运行传入的函数,这个方法没有返回值。 本质上与使用 for 循环迭代一样。

例如:

nums.forEach(function(item, index, array){
	// 不会改变原数组
    item *= 2;
})
alert(nums)	// 1,2,3,4,5,4,3,2,1

nums.forEach(function(item, index, array){
	// 可以改变原数组
    array[index] *= 2;
})
alert(nums)	// 2,4,6,8,10,8,6,4,2

全部代码

var nums = [1, 2, 3, 4, 5, 4, 3, 2, 1]

var everyResult = nums.every(function(item, index, array){
    return (item > 2);
})

var someResult = nums.some(function(item, index, array){
    return (item > 2);
})

var filterResult = nums.filter(function(item, index, array){
    return (item > 2);
})

var mapResult = nums.map(function(item, index, array){
    return item * 2;
})

nums.forEach(function(item, index, array){
    // item *= 2;
    array[index] *= 2;
})

alert(everyResult)  // false
alert(someResult)   // true
alert(filterResult) // 3,4,5,4,3
alert(mapResult)    // 2,4,6,8,10,8,6,4,2
alert(nums)         // 2,4,6,8,10,8,6,4,2
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值