JavaScript——数组的迭代和归并

数组的迭代和归并

迭代方法

ECMAScript 5 为数组定义了5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this 的值。
传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。

  • every()
    对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。
var numbers = [1,2,3,4,5,4,3,2,1]
var everyRes = numbers.every(function(item, index, array) {
	return (item > 2)
})
console.log(everyRes) // false
  • some()
    对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。
var numbers = [1,2,3,4,5,4,3,2,1]
var someRes = numbers.some(function(item, index, array) {
	return (item > 2)
})
console.log(someRes) // true
  • filter()
    对数组中的每一项运行给定函数,返回该函数会返回true 的项组成的数组。
var numbers = [1,2,3,4,5,4,3,2,1]
var filterRes = numbers.filter(function(item, index, array) {
	return (item > 2)
})
console.log(filterRes) // [3,4,5]
  • forEach()
    对数组中的每一项运行给定函数,这个方法没有返回值。
var numbers = [1,2,3,4,5,4,3,2,1]
numbers.forEach(function(item, index, array) {
	array[index] += 10
})
console.log(numbers) // [11,12,13,14,15,14,13,12,11]
  • map()
    对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
var numbers = [1,2,3,4,5,4,3,2,1]
var mapRes = numbers.map(function(item, index, array) {
	return item * 2
})
console.log(mapRes) // [2,4,6,8,10,8,6,4,2]

归并方法

归并数组的方法:reduce()和reduceRight()。
这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。其中,reduce()方法从数组的第一项开始,逐个遍历到最后。而reduceRight()则从数组的最后一项开始,向前遍历到第一项。

var values = [1,2,3,4,5]
var sum = values.reduce(function(pre, cur, index, array){
    return prev + cur
})
console.log(sum) // 15

这两个方法都接收两个参数:一个函数和(可选的)作为归并基础的初始值。
传给reduce()和reduceRight()的函数接收4 个参数:前一个值、当前值、项的索引和数组对象。

  • 无初始值时迭代过程

    在这里插入图片描述

  • 有初始值时迭代过程
    在这里插入图片描述
    在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值