js reduce方法的使用（怎样遍历计算总和）

最新推荐文章于 2024-05-28 11:44:38 发布
最新推荐文章于 2024-05-28 11:44:38 发布
阅读量574 收藏
点赞数
文章标签： javascript servlet 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46108386/article/details/127283208
版权 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p>点击按钮计算数组元素相加后的总和。</p>
<button onclick="myFunction()">点我</button>

<p>数组元素总和: <span id="demo"></span></p>

<script>

	const arr = [
    {
        score: 4,
		num:2,
    },
    {
        score: 1,
		num:2,
    },
    {
        score: 1,
		num:2,
    }
];
// 页面显示12
document.getElementById("demo").innerHTML = arr.reduce((pre,item) => {
    return pre + item.score * item.num
},0)
 
</script>

</body>
</html>

顾未眠0125
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解JavaScript中数组的reduce方法
10-20
js函数中有三个在特定场合很好用的函数:reduce(),map(),filter()。而数组经常用到的方法有push、join、indexOf、slice等等，但是有一个经常被我们忽略的方法：reduce，这个方法简直强大的不要不要的。下面通过这篇文章来一起学习学习吧。
JS数组reduce()方法原理及使用技巧解析
10-15
主要介绍了JS数组reduce()方法原理及使用技巧解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
巧用js数组方法reduce,一个方法实现数组求和,平均值,计数,最大值,最小值,偶数和等常见统计问题
m0_67805754的博客
04-26 2957
/** * 数组reduce方法语法 * @param {callbackFn}回调函数 * (sum,value,index)=>{sum:上一次的返回值 value:当前元素值 index:当前下标 } * 注意事项:sum初始值一般给0,否则空数组reduce报错 * @return: 最后一次回调的结果 */ // 1.数组reduce方法实现计数.原理解析:arr和value为箭头函数的形参,每当reduce.
js利用reduce对数组中的元素或数组中对象某一属性值求和
qq_43664324的博客
12-01 8119
1.语法 array.reduce(function(total, currentValue, currentIndex, arr), initialValue) reduce最多可以接收两个参数，第一个参数为必须，是一个函数，此函数实现累加器的作用。第二个参数非必须，是计算的初始值。 如果数组为空，则不会调用reduce中传入的函数。 作为reduce入参的累加器函数，它最多可以有四个入参： 1.total： 计算后的和 2.currentValu：当前项 3.currentIndex：当前项在数组中
JS 中 reduce()方法及使用详解
热门推荐
前端菜菜DayDayUp的博客
02-01 5万+
JS 中 reduce()方法及使用详解
JS遍历对象值求和
KaiSarH
06-04 2733
JS遍历对象值求和
JS 利用reduce统计数组每项元素出现次数 So easy
weixin_45132729的博客
12-02 1163
JS 利用reduce统计数组每项元素出现次数 So easy code /** * @description 统计数组每项元素出现次数 * @param {array} arr * @param {string | void} key - 空的时候统计普通类型数组每项元素出现的次数,否则就只统计数组对象里指定key名的元素出现次数 * @return {*} */ let countEachItem = (arr, key) => { return arr.reduce((prev
JS reduce()方法累加数组
sakura的博客
11-23 1304
JS reduce()方法累加数组 定义和用法 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 reduce() 可以作为一个高阶函数，用于函数的 compose。 注意: reduce() 对于空数组是不会执行回调函数的。 计算数组元素相加后的总和： 这个还是比较简单的，就是从左到右依次累加。 var numbers = [65, 44, 12, 4]; function getSum(total, num) { return total
js 遍历接口返回数据值求和
maoxiaohei_的博客
02-19 2051
forEach() 求和 let sum = 0; //遍历数组 res.data.data.list.forEach(items => { //取值赋值 sum += items.used; }); //绑定展示 this.total = sum //打印结果 console.log('和'+sum)
js递归算法1+ 2+3.....100的和
weixin_30682415的博客
03-19 1795
function num(n){ if(n==1) return 1; return num(n-1)+n;}num(100); 转载于:https://www.cnblogs.com/peachmeimei/p/8603334.html
JavaScript中自带的 reduce()方法使用示例详解
10-21
下文小编给大家带来了js中自带的reduce()方法使用示例详解，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
JavaScript中reduce()方法的使用详解
01-21
JavaScript 数组reduce()方法同时应用一个函数针对数组的两个值(从左到右)，以减至一个值。 语法 array.reduce(callback[, initialValue]); 下面是参数的详细信息： callback : 函数执行在数组中每个值 initial...
JavaScript 基于reduce方法实现数组内对象的同属性运算
白瑕 的博客
09-22 1439
JavaScript 基于`reduce()`方法对数组内多对象的同属性运算, `reduce()`遍历数组求和, `reduce()`方法的基本使用, `reduce()`方法如何内置判定, `reduce()`操作数组内对象.
JavaScript数组对象求和三种方法
Coding
05-03 8057
JavaScript数组对象求和三种方法
js数组求和(通过reduce方法)
m0_72759446的博客
08-19 660
通过数组的reduce方法来实现数组的求和。
javascript es6 多维数组对象相同属性值{key:value}的求和
郝峰vip的博客
08-25 3215
js 使用reduce()方法对多维对象数组中相同属性值进行求和以及计算出现次数 js 使用flat()方法 将多维数组转换为一维数组
【JS运算】分组求和/平均值（reduce函数）
一种简单易食的杂烩????
04-14 1492
对于数组求和的问题，使用reduce函数能够最快的解决 如果你还不会reduce函数，可以看这一篇： reduce函数的使用 思路 首先定义一个数组users，其中包含了多个对象，每个对象都有一个group属性和一个value属性。这个数组是用来进行分组求和和平均值计算的。 Sum函数： 用来存储分组求和的结果。 使用了reduce方法，将数组中的元素进行迭代，并将它们按照group属性进行分组。 在每次迭代中，回调函数会将上一次迭代的结果prev和当前元素{group, value}作为参数传
js reduce求和
qq_40492771的博客
07-30 3020
deviceList=[{name:‘1’,count:2},{name:‘2’,count:3},{name:‘3’,count:4},{name:‘4’,count:6},] let totalPrice = 0 let sumdeviceList = deviceList.reduce((totalPrice, item) => totalPrice + item.count, 0) console.log(sumdeviceList )
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
最新发布
JIngJaneIL的博客
05-28 1155
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
js reduce（）
08-30
JavaScript中的reduce()方法是一个高阶函数，用于对数组中的每个元素进行累积操作，最终返回一个累计值。 reduce()方法接受两个参数：回调函数和初始值。回调函数可以有四个参数：累计值（accumulator）、当前值（current value）、当前索引（current index）和原始数组（source array）。 回调函数会在数组的每个元素上执行，并将结果累积到累计值中。在每次调用回调函数时，累计值会被传递给回调函数的第一个参数，当前值会被传递给回调函数的第二个参数。初始值可以选择性地作为reduce()方法的第二个参数传递给它，如果没有提供初始值，则使用数组的第一个元素作为初始值。 下面是一个简单的实例，使用reduce()方法计算数组中所有元素的总和： ```javascript const numbers = [1, 2, 3, 4, 5]; const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0); console.log(sum); // 输出：15 ``` 在上面的例子中，初始值为0。reduce()方法会遍历数组中的每个元素，并将累计值和当前值相加，最终得到总和15。 除了计算总和，reduce()方法还可以用于执行其他类型的累积操作，例如计算最大值、最小值、平均值等。通过在回调函数中实现不同的逻辑，可以实现各种类型的累积操作。 希望能够解答你的问题！如果还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值