JavaScript-数组.reduce方法总结

本文详细介绍了JavaScript中的数组.reduce()方法,包括语法、参数解析及多个使用示例,如数组累加、二维数组转一维、数组去重等。通过这些实例,深入理解reduce方法在数组处理中的强大功能。
摘要由CSDN通过智能技术生成

.reduce

语法

.reduce(function(previousValue, currentValue, currentIndex, array){ /* 代码 return xx */}, initialValue)
有返回值,不会改变当前数组

参数

function(previousValue, currentValue, currentIndex, array):返回值赋给previousValue
previousValue(必需):previousValue初始值的等于initialValue
currentValue(必需):当前遍历的值
currentIndex(可选):当前遍历的值的索引
array(可选):当前数组
initialValue(可选):默认为是array索引值为1的值

例子

数组累加

const intArr = [5, 5, 8, 9, 7, 6]
const add = intArr.reduce((pre, cur, curIndex, array) => {
    // console.log("输出pre, cur, curIndex, array:",pre, cur, curIndex, array)
    return pre + cur
})
console.log("add:", add)

/**
 * 数组累加
 * @returns 数组累加
 */
Array.prototype.sum = function(){
    return this.reduce((pre, cur) => {
        //console.log("输出pre, cur:",pre, cur)
        return pre + cur
    })
}
console.log("sum:",intArr.sum())


const strArr = ["hello", ",", "world"]
console.log("sum:",strArr.sum())

二维数组转换成一维数组

const twoDimensionalMatrix = [[5, 5, 8, 9, 7, 6], [5, 5, 8, 9, 7, 6], [5, 5, 8, 9, 7, 6]]
const oneDimensionalMatrix = twoDimensionalMatrix.reduce((pre, cur, curIndex, array) => {
    // console.log("输出pre, cur, curIndex, array:",pre, cur, curIndex, array)
    pre.push(...cur)
    return pre
}, [])
console.log("oneDimensionalMatrix:", oneDimensionalMatrix)

/**
 * 二维数组转换成一维数组
 * @returns 二维数组转换成一维数组
 */
Array.prototype.toOneDimensionalMatrix = function(){
    return this.reduce((pre, cur) => {
        //console.log("输出pre, cur:",pre, cur)
        pre.push(...cur)
        return pre
    }, [])
}
console.log("toOneDimensionalMatrix:", twoDimensionalMatrix.toOneDimensionalMatrix())

数组去重

const arr = [1, 2, 3, 7, 2, 3, 5, 6, 9, 7, 2, 3, 5, 8]
const arrSet = arr.reduce((pre, cur, curIndex, array) => {
    // console.log("输出pre, cur, curIndex, array:",pre, cur, curIndex, array)
    if(pre.indexOf(cur) === -1){
        pre.push(cur)
    }
    return pre
}, [])
console.log("arrSet:", arrSet)

/**
 * 二维数组转换成一维数组
 * @returns 二维数组转换成一维数组
 */
Array.prototype.toSet = function(){
    return this.reduce((pre, cur) => {
        //console.log("输出pre, cur:",pre, cur)
        if(pre.indexOf(cur) === -1){
            pre.push(cur)
        }
        return pre
    }, [])
}
console.log("toSet:", arr.toSet())

参考资料

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript数组方法reduce()是用于对数组中的元素进行累积计算的方法。它接受一个回调函数作为参数,该回调函数可以定义两个参数:累积器和当前值。reduce()方法遍历数组的所有元素,并将每个元素传递给回调函数进行累积计算。最后,它返回一个累积的结果。 在引用中的示例中,我们可以看到使用reduce()方法来计算数组的和和乘积。通过传递一个回调函数给reduce()方法,在每次迭代中将上一个值与当前值相加或相乘,最终得到累积的和和乘积。 需要注意的是,如果数组是空的,使用reduce()方法会报错。如引用所示,对于空数组reduce()方法需要传入一个初始值作为累积器的初始值,否则会抛出"TypeError: Reduce of empty array with no initial value"的错误。 最后,reduce()方法的语法是array.reduce(function(total, currentValue, currentIndex, arr), initialValue)。其中,total是累积器的初始值或上一次回调函数的返回值,currentValue是当前元素的值,currentIndex是当前元素的索引,arr是原始数组。initialValue是可选的,用于设置累积器的初始值,如果不传递该参数,则默认使用数组的第一个元素作为初始值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [JavaScript数组reduce()方法详解及奇淫技巧](https://blog.csdn.net/saucxs/article/details/91045557)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [JS数组reduce()方法详解](https://blog.csdn.net/weixin_47619284/article/details/125921346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值