es6语法如何简单处理数组 - web建站教程手机端

本文介绍一些用es6语法对数组做一些基本操作，其中包括降维、去重、排序、取值、求和、合并等。

[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.flat(n)是ES10扁平数组的api,n表示维度,n值为Infinity时维度为无限大

利用set实现数组去重

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]

//set是ES6新出来的一种一种定义不重复数组的数据类型
//Array.from是将类数组转化为数组
//...是扩展运算符,将set里面的值转化为字符串

利用数组求和

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

利用sort实现数组排序

[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].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]

利用Math.max()实现数组取最大值

Math.max(...[1,2,3,4]) //4

Math.max.apply(this,[1,2,3,4]) //4

[1,2,3,4].reduce( (prev, cur,curIndex,arr)=> {
 return Math.max(prev,cur);
},0) //4

//Math.max()是Math对象内置的方法,参数是字符串;
//reduce是ES5的数组api,参数有函数和默认初始值;
//函数有四个参数,pre(上一次的返回值),cur(当前值),curIndex(当前值索引),arr(当前数组)

filter实现数组过滤，es6语法过滤方法合集

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

ES6语法中有哪些简单的字符串转数组方法

ES6如何实现模块化编程

ES6语法种有哪些判断方法

标签： es6语法, flat, prev, reduce, 数组, 数组合并, 数组求和, 数组降维

上面是“es6语法如何简单处理数组”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

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

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