es6中reduce的基本使用方法
网络编程 2021-07-04 15:01www.168986.cn编程入门
这篇文章主要给大家介绍了关于es6中reduce的基本使用方法,文中通过示例代码介绍的非常详细,对大家学习或者使用es6具有一定的参考学习价值,需要的朋友们狼蚁网站SEO优化来一起学习学习吧
前言
为啥要把es6 中 reduce 单独拿出来说呢,因为这个功能实在太骚,值得如此。
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 方法接受四个参数初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce() 的数组。
reduce() 的几个强大用法
数组求和
var total = [ 0, 1, 2, 3 ].reduce(( a, cur ) => { return a + cur }, 0); console.log(total) // 6
二维数组转为一维数组
var array = [[1, 2], [3, 4], [5, 6]].reduce(( a, cur ) => { return a.concat(cur) }, []); console.log(array) // [ 0, 1, 3, 4, 5, 6 ]
计算数组中每个元素出现的次数
方法一
let names = ['tom', 'jim', 'jack', 'tom', 'jack']; const countNames = names.reduce((allNames, name) => { if (name in allNames) { allNames[name] ++; } else { allNames[name] = 1; } return allNames; }, {}); console.log(countNames) // { tom: 2, jim: 1, jack: 2 }
方法二
const arraySum = (arr, val) => arr.reduce((a, cur) => { return cur == val ? a + 1 : a + 0 }, 0); let arr = [ 0, 1, 3, 0, 2, 0, 2, 3 ] console.log(arraySum(arr, 0)) // 数组arr中 0 元素出现的次数为3
数组去重
1.方法一
let arr = [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4]; let result = arr.sort().reduce((init, current) => { if (init.length === 0 || init[init.length - 1] !== current) { init.push(current); } return init; }, []); console.log(result); //[1,2,3,4,5]
2.方法二
,对于数组去重,也可以直接使用es6的…[拓展运算符] + Set 实现
// console.log(...new Set([1,2,3,4,5,2,4,1])) const dedupe = (array) => { return Array.from(new Set(array)); } console.log(dedupe([1, 1, 2, 3])) //[1,2,3]
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对狼蚁SEO的支持。
上一篇:layui监听工具栏的实例(操作列表按钮)
下一篇:layui导出所有数据的例子
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南