利用es6语法对数组做一些基本操作（终极简化）

es6语法新增了很多函数，分别有flat、Set、reduce、apply、filter等函数，下面web建站小编给大家详细介绍一下代码的运用！

多维数组扁平化

[1,[2,3]].flat(2) //[1,2,3]
[1,[2,3,[4,5]].flat(3) //[1,2,3,4,5]
[1,[2,3,[4,5]]].toString()  //'1,2,3,4,5'
[1[2,3,[4,5[...]].flat(Infinity) //[1,2,3,4...n]

数组去重

Array.from(new Set([1,2,3,3,4,4])) //[1,2,3,4]
[...new Set([1,2,3,3,4,4])] //[1,2,3,4]

数组排序

[1,2,3,4].sort((a, b) => a - b); // [1, 2,3,4],默认是升序
[1,2,3,4].sort((a, b) => b - a); // [4,3,2,1] 降序

数组求和

[1,2,3,4].arr.reduce(function (prev, cur) {
   return prev + cur;
},0) //10

数组合并

[1,2,3,4].concat([5,6]) //[1,2,3,4,5,6]
[...[1,2,3,4],...[4,5]] //[1,2,3,4,5,6]
[1,2,3,4].push.apply([1,2,3,4],[5,6]) //[1,2,3,4,5,6]

数组过滤

[1,2,3,4,5,6,7].filter(item=>{return item>6}) //[7]

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

js用最简单的方法删除数组中指定元素

js用最简单的方法判断数组中是否存在某个值（3种方法）

es6语法中根据相同key合并数组并生成子数组

es6语法中reduce()函数的用法

标签： apply, filter, flat, reduce, set

上面是“利用es6语法对数组做一些基本操作（终极简化）”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2688.html

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