时间:2021-05-28
前言
为啥要把es6 中 reduce 单独拿出来说呢,因为这个功能实在太骚,值得如此。
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 方法接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce() 的数组。
reduce() 的几个强大用法:
数组求和
var total = [ 0, 1, 2, 3 ].reduce(( acc, cur ) => { return acc + cur}, 0);console.log(total) // 6二维数组转为一维数组
var array = [[1, 2], [3, 4], [5, 6]].reduce(( acc, cur ) => { return acc.concat(cur)}, []);console.log(array) // [ 0, 1, 3, 4, 5, 6 ]计算数组中每个元素出现的次数
方法一
方法二
数组去重
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]总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了es6中let和const的使用方法。分享给大家供大家参考,具体如下:ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量
使用ES6语法重构React组件在AirbnbReact/JSXStyleGuide中,推荐使用ES6语法来编写react组件。下面总结一下使用ES6class
本文实例讲述了ES6proxy和reflect的使用方法。分享给大家供大家参考,具体如下:proxy和reflect都是es6为了更好的操作对象而提供的新的AP
本文实例讲述了es6中class类静态方法,静态属性,实例属性,实例方法。分享给大家供大家参考,具体如下:es6新增了一种定义对象实例的方法,使用class关键
目前各大浏览器基本上都支持ES6的新特性,其中Chrome和Firefox浏览器对ES6新特性最友好,IE7~11基本不支持ES6。以下是各大浏览器支持情况及开