reduce函数的笔记-- 利用reduce实现结账时金额的相加

sy_yan

于 2020-07-24 20:13:31 发布

阅读量675

点赞数

CC 4.0 BY-SA版权

文章标签： javascript vue.js html5

本文链接：https://blog.csdn.net/sy_yan/article/details/107568761

这篇博客介绍了JavaScript中reduce函数的应用，通过实例展示了如何利用reduce实现数组元素的累加，特别是在模拟结账时计算选中项金额总和的场景。还提到了reduce在求最大值和去重等方面的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

reduce的用法
一个数组中，对上一次返回的数据和当前数据的一些处理，比如说比大小，累加。上一次返回的数据可以自己return设置。

arr.reduce(function(prev,cur,index,arr){
...
}, init);
`

```javascript
arr 表示原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值

现实场景中使用的效果：
数组实现table中勾选的项之和的金额

money.reduce((prev, e) => {
    if (!isNaN(Number(e))) {
        return (parseInt(Number(prev) * 100) + parseInt(Number(e) * 100)) / 100;
   	}
       return 0;
});

效果如果所示：
在这里插入图片描述

求数组之和

var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0);

求数组的最大一项

var max = arr.reduce(function (prev, cur) {
    return Math.max(prev,cur);
});

数组的去重

var newArr = arr.reduce(function (prev, cur) {
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
},[]);