ES6---数组的spread扩展运算符

1、扩展运算符

基本用法
扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，功能是把数组或类数组对象展开成一系列用逗号隔开的值。该运算符主要用于函数调用，示例如下：
```
function add(x, y) {return x + y;
}
const numbers = [4, 38];
add(...numbers) // 42
```

2、扩展运算符引用

拷贝数组
下面看看ES5和ES6的实现：

// ES5
const a1 = [1, 2];
const a2 = a1.concat();// ES6
const a1 = [1, 2];
const a2 = [...a1];    // 写法一
const [...a3] = a1;    // 写法二

合并数组

const arr1 = ['a', 'b'];
const arr2 = ['c'];
const arr3 = ['d', 'e'];// ES5 的合并数组
arr1.concat(arr2, arr3);
// [ 'a', 'b', 'c', 'd', 'e' ]// ES6 的合并数组
let mergeArr = [...arr1, ...arr2, ...arr3]

与解构赋值结合

const [first, ...rest] = [1, 2, 3, 4, 5];
first // 1
rest  // [2, 3, 4, 5]const [first, ...rest] = [];
first // undefined
rest  // []

字符串

[...'hello']  // [ "h", "e", "l", "l", "o" ]

将函数参数arguments转成真正的数组
```
function (){let arr = [...arguments];
}
```

参考链接：
https://www.cnblogs.com/chenwenhao/p/9974558.html#_label1

ES6---数组的spread扩展运算符相关推荐

ES6（ECMASript 相关介绍，ECMASript 6 新特性---let,const关键字，变量的解析赋值，模板字符串，箭头函数，rest参数，spread扩展运算符，Symbol）
文章目录 1 ECMASript 相关介绍 1.1 es介绍 1.2 为什么要学习 ES6 1.3 ES6 兼容性 2 ECMASript 6 新特性 2.1.let 关键字 2.2. const 关 ...
javascript ES6 新特性之扩展运算符三个点 ...
对于 ES6 新特性中的 ... 可以简单的理解为下面一句话就可以了: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中. 作用类似于 Object.assign() ...
ES6新特性之扩展运算符
扩展运算符扩展运算符(spread)是三个点(...), 将一个数组转为用逗号分隔的参数序列 . 用法: <script>console.log(...[1,2,3]);console. ...
ES6新特性_ES6扩展运算符的应用---JavaScript_ECMAScript_ES6-ES11新特性工作笔记014
然后我们再来看一下 es6扩展运算符的应用首先可以用来合并数组可以看到以前我们合并可以用数组的.concat来实现现在我们可以这样,用扩展运算符,...,...来实现拼接对吧. 可以看到效果 ...
ES6新特性_ES6扩展运算符的介绍---JavaScript_ECMAScript_ES6-ES11新特性工作笔记013
接下来去看es6的扩展运算符比如我声明一个常量数组tfboys=['','','']; 然后写一个函数,chunwan,然后 chunwan(tfboys);调用以后可以看到右边打印出来了,可以看到 ...
ES6 rest参数，扩展运算符，Symbol数据类型，迭代器和生成器【详解加案例】(二)
文章目录 1.ES6 rest 参数 2. ES6 扩展运算符 2.1 ES6 简介 2.2 应用 3. ES6 Symbol 数据类型 3.1 Symbol两种创建方式 3.2 Symbol注意事项 ...
ES6之三个点（扩展运算符及rest运算符）
ES6中出现了三个点的写法,初次看到一脸懵逼,现在让我们好好来搞清楚这三个点... 首先需要了解的是在ES6中新增了扩展运算符和rest参数,而这两个都是用...三个点来表示的(麻蛋就不能用不同的表示 ...
c语言扩展运算符是什么,扩展运算符的6个重要用途
前言由于ES6和Babel的出现,编写JavaScript代码变得难以置信的灵活,从新的语法到自定的编译器,像JSX.我变成了扩展运算符(Spread Operator)的超级粉丝,三个点就改变你编 ...
ES9新特性_ES9扩展运算符与rest参数---JavaScript_ECMAScript_ES6-ES11新特性工作笔记053
然后我们再去看看 es9中对,对象扩展运算符的增加. 可以看到说...这个rest参数与spread扩展运算符...,在es6中已经有了,但是es6,这个只是针对于数组的 es9可以针对对象提供了,类 ...
ES6-ES11-第一部分-let、const、解构赋值、模板字符串、简化对象写法、箭头函数、函数参数默认值、rest 参数、扩展运算符、Symbol、迭代器、生成器、Promise、Set、Map
根据视频进行整理 [https://www.bilibili.com/video/BV1uK411H7on?p=1] 视频资源(百度网盘): 链接:[https://pan.baidu.com/s/1 ...

ES6---数组的spread扩展运算符

1、扩展运算符

2、扩展运算符引用

ES6---数组的spread扩展运算符相关推荐

最新文章

热门文章