博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6学习之数组的扩展
阅读量:5346 次
发布时间:2019-06-15

本文共 985 字,大约阅读时间需要 3 分钟。

记录工作中可能会用到的方法,仅作为笔记

1.扩展运算符(...)

(1) 替代数组的apply方法

应用 Math.max 方法将数组转为一个参数系列,然后求出最大值//ES5的写法Math.max.apply(null,[12,3,2]);//ES6的写法Math.max(...[12,3,2]);//等同于Math.max(12,3,2);通过 push 函数将一个数组添加到另一个数组的尾部var arr1 = [0,1,2];var arr2 = [3,4,5];//ES5的写法(push 方法的参数不可以是数组) Array.prototype.push.apply(arr1,arr2);//ES6的写法arr1.push(...arr2);

(2).合并数组

var arr1 = ['a', 'b'];var arr2 = ['c'];var arr3 = ['d', 'e'];//ES5arr1.concat(arr2,arr3);//["a", "b", "c", "d", "e"]//ES6[...arr1,...arr2,...arr3]//["a", "b", "c", "d", "e"]

(3).与解构赋值结合起来生成新数组 (扩展运算符用于数组赋值时只能放在参数的最后一位,否则会报错)

eg1:var list = [1,2,3], a, rest;//ES5a = list[0];     //1rest = list.slice(1);    //[2,3]//ES6[a, ...rest] = list;a;    //1rest;//[2,3]eg2:const [first, ... rest] = [1,2,3,4];first    //1rest    //[2,3,4]
eg3:const [first, ... rest] = [];first    //undefinedrest    //[]
eg4: const [...butLast, last] = [1,2,3,4,5]; //报错
const [first, ...middle,last] = [1,2,3,4,5]; //报错

 

转载于:https://www.cnblogs.com/xiangmi/p/9512088.html

你可能感兴趣的文章
AMH V4.5 – 基于AMH4.2的第三方开发版
查看>>
Web.Config文件配置之配置Session变量的生命周期
查看>>
mysql导入source注意点
查看>>
linux下编译安装nginx
查看>>
ArcScene 高程不同的表面无法叠加
查看>>
[ONTAK2010] Peaks
查看>>
DLL 导出函数
查看>>
windows超过最大连接数解决命令
查看>>
12个大调都是什么
查看>>
angular、jquery、vue 的区别与联系
查看>>
参数范围的选择
查看>>
使用 MarkDown & DocFX 升级 Rafy 帮助文档
查看>>
THUPC2019/CTS2019/APIO2019游记
查看>>
Nodejs Express模块server.address().address为::
查看>>
4.3.5 Sticks (POJ1011)
查看>>
POJ 2960 S-Nim 博弈论 sg函数
查看>>
Dijkstra模版
查看>>
一个简单的插件式后台任务管理程序
查看>>
GDB调试多进程程序
查看>>
组合数
查看>>