web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

js如何利用reduce函数对数组进行累加

177 ℃
     

reduce方法接收两个参数:一个回调函数和可选的默认值。回调函数在每次迭代时被调用,并具有四个参数:累积值、当前元素、当前索引和数组本身。累积值是上一次回调返回的值,如果没有则默认为第二个参数(默认值)。如果没有提供默认值,则默认为数组的第一个元素。通过合理使用reduce方法,可以显著减少代码量并提高代码的可读性。

具体实现代码如下:

//利用reduce实现filter方法
const arr = ["小米", "小明", 1, 2, "A", "B"];

//定义第二个参数的默认值为一个数组
const newArr = arr.reduce((acc, cur, index) => {
  typeof cur === "string" && acc.push(cur);
  return acc;
}, []);
console.log('输出结果1:', newArr); //输出结果1: (4) ['小米', '小明', 'A', 'B']

//利用reduce实现数字的求和,第二个参数默认定义0 number类型
const newArr = arr.reduce((acc, cur, index) => {
  typeof cur === "number" && (acc += cur);
  return acc;
}, 0);
console.log('输出结果2:', newArr); //输出结果2: 3

js数组根据每行字数进行排序,并前面加序号(中文内容)

js如何利用keys返回数组迭代对象/键

js利用includes判断某个值数组中是否存在

js如何利用flatMap函数实现数组扁平化

js如何对数组内容进行覆盖填充

标签: js数组, reduce

上面是“js如何利用reduce函数对数组进行累加”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_14339.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > js
本文共计556个字,预计阅读时长4分钟
生活小工具,收录了80多款小工具
上一篇: 介绍几款带有中国风古韵的免费可商用中文字体
下一篇: 推荐9款支持 Vue3 免费开源的前端 UI 组件库
x 打工人ai神器