ES6 “...“ 扩展运算符 (点点点)

1、定义
扩展运算符（spread）是三个点（…），它如同rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。

2、使用

console.log(...[1,2,3]);  //1 2 3
console.log(1,...[2,3,4],5); // 1 2 3 4 5
console.log(0,...[1,2,3,[4,5]],6); //0 1 2 3 [ 4, 5 ] 6

该运算符主要用于函数调用。

function add(x,y){return x + y;
}let numbers = [4,38];
add(...numbers);  // 42

扩展运算符与正常的函数参数可以结合使用，非常灵活。

function f(v,w,x,y,z){console.log(v,w,x,y,z)
};
let args = [0,1];
f(-1,...args,2,...[3]);   //-1 0 1 2 3

扩展运算符后面还可以放置表达式：

const arr = [...(x > 0 ? ['a'] : []),'b'];

如果扩展运算符后面是一个空数组，则不产生任何效果：

[...[],1];  //[1]

坚持写博第2/100天

ES6 “...“ 扩展运算符 (点点点)相关推荐

ES6扩展运算符的几个小技巧
es6扩展运算符,也就是... ,作用是将一个数组转为用逗号分隔的参数序列. 那么问题来了,我们为啥要用这么奇怪的东东涅,当然因为它能大大提高我们的开发效率.所以,可别小看这三个点. 1.复制数组( ...
ES6 - 扩展运算符与Object.assign对象拷贝与合并
文章目录扩展运算符能做什么? 什么是深浅拷贝使用ES6扩展运算符对象浅拷贝对象合并 Object.assign Object.assign详解 Object.assign()实用给对象添加属 ...
php es6写法,ES6...扩展运算符(示例代码)
在数组中的应用扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,++将一个数组转为用逗号分隔的参数序列++. console.log(...[1, 2, 3]) // 1 ...
ES6——扩展运算符的作用以及使用场景
文章目录对象扩展运算符解构赋值扩展运算符数组扩展运算符替代函数的apply() 方法扩展运算符的应用复制数组合并数组与解构赋值结合字符串实现了Iterator接口的对象对象扩展 ...
js数组合并、去重、降维(ES6:扩展运算符、Set)
js数组合并.去重.降维 1.合并 1.1使用concat()进行合并数组 function get_concat(collection_a, collection_b) {return collec ...
ES6——扩展运算符(...)
文章目录一.扩展运算符(...) 二.数组扩展运算符的应用 1.合并数组 2.与解构赋值结合 3.字符串转数组 4.实现了 Iterator 接口的对象 5.Map 和 Set 结构, Genera ...
JS之ES6扩展运算符三个点（...）用于剥离{} 获取属性值
1.用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中 let bar = { a: 1, b: 2 }; let baz = { ...bar }; // { a: 1, b: 2 } 等价于 ...
ES6——扩展运算符/三点运算符（...）
扩展运算符(spread)是三个点(...). 数组的扩展运算符对于数组来说,它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) ...
ES6扩展运算符用法
扩展运算符可以将数组或者对象转为用逗号分隔的参数序列扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象中用法: 1.将一个数组放入另一个数组中 var middle = [3, ...

ES6 “...“ 扩展运算符 (点点点)

ES6 “...“ 扩展运算符 (点点点)相关推荐

最新文章

热门文章