当前位置: 首页 > news >正文

数组的reduce和reduceRight方法

1.reduce方法可用接收两个参数:

  • 第一个参数:为一个回调函数,此回调函数又可以有四个参数
    • 第1个参数:为上一次回调函数return的结果首次默认为第二个参数值,如果没有第二个参数值,则默认当前数组的第一个元素;
    • 第2个参数:为当前元素;
    • 第3个参数:为当前索引值;
    • 第4个参数:为数组本身;
  • 第二个参数:可以设定任何值,会作为第一个回调函数初次进行时该函数的第一个参数的值
<script>//使用reduce实现filter方法
const arr = ["March", "Jan", 6, 2, "A", "a"];
//定义第二个参数的默认值为一个数组
const newArr = arr.reduce((acc, cur, index) => {console.log(acc, cur, index);typeof cur === "string" && acc.push(cur);return acc;
}, [333]);
console.log(newArr);//[ 'March', 'Jan', 'A', 'a' ]
//使用reduce实现数字的求和
//第二个参数默认定义0 number类型
const newArr2 = arr.reduce((acc, cur, index) => {typeof cur === "number" && (acc += cur);return acc;
}, 0);
console.log(newArr2);//8</script>

 运行结果如下图:

 

2.reduceRight :参数与使用方法和reduce一致,区别于reduce方法的只是它是从右往左执行的

const arr = ["March", "Jan", 6, 2, "A", "a"];
const newArr = arr.reduceRight((acc, cur, index) => {typeof cur === "string" && acc.push(cur);return acc;
}, []);
//这里打印之后可以看出,毕竟过滤了非字符串的参数,还将数组反转了
console.log(newArr);//[ 'a', 'A', 'Jan', 'March' ]

如上图所示,当你想对一个数组进行反转加过滤等操作的时候,这个方法就完全突出了他的便携!

http://www.lryc.cn/news/189475.html

相关文章:

  • 自动监控网站可用性并发送通知的 Bash 脚本
  • go 项目打包部署到服务器
  • 整理mongodb文档:副本集成员可以为偶数
  • PHP - 遇到的Bug - 总结
  • 统计子岛屿的数量
  • IntelliJ IDEA Maven 项目的依赖分析
  • 数学建模、统计建模、计量建模整体框架的理解以及建模的步骤
  • WaitGroup原理分析
  • java直播源码:如何使用Java构建一个高效的直播系统
  • Websocket获取B站直播间弹幕教程——第二篇、解包/拆包
  • 膝关节检测之1设计目标手势与物体交互的动画
  • canvas力导布局
  • 【网络安全】「漏洞原理」(二)SQL 注入漏洞之理论讲解
  • JavaScript中类的学习
  • 1600*A. Linova and Kingdom(DFS优先队列贪心)
  • gitlab git lfs的替代软件整理汇总及分析
  • IDEA 2023.2.2图文安装教程及下载
  • 第六届“中国法研杯”司法人工智能挑战赛
  • Springcloud中间件-----分布式搜索引擎 Elasticsearch
  • 基于深度学习的目标检测和语义分割:机器视觉中的最新进展
  • 微信小程序报错request:fail -2:net::ERR_FAILED(生成中间证书)
  • Ubuntu更改时区
  • 0144 文件管理
  • python psutil库之——获取网络信息(网络接口信息、网络配置信息、以太网接口、ip信息、ip地址信息)
  • uniapp上echarts地图钻取
  • scratch保护环境 2023年5月中国电子学会图形化编程 少儿编程 scratch编程等级考试一级真题和答案解析
  • RPC分布式网络通信框架项目
  • Navicat如何连接远程服务器的MySQL
  • 【计算机网络笔记】计算机网络的结构
  • 排序算法-插入排序法(InsertSort)