es6扩展运算符 (...)

Posted 2021-02-09 mychz

扩展即展开，例如

var arr = [2,3,4]
console.log(...arr)  //2 3 4

这样就可以用于数组的添加，代码会优雅很多

console.log([1, ...arr ,5])  //2[1, 2, 3, 4, 5]

也可以通过push，将一个数组添加另一个数组的尾部

es5
var arr1 = [0, 1, 2];  
var arr2 = [3, 4, 5];  
Array.prototype.push.apply(arr1, arr2);
console.log(arr1); //[0, 1, 2, 3, 4, 5]
//es6
var arr1 = [0, 1, 2];  
var arr2 = [3, 4, 5];  
arr1.push(...arr2);  
console.log(arr1); //[0, 1, 2, 3, 4, 5]

数组的合并

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

扩展运算符还可以将字符串转化为数组

console.log([...‘abcdef‘]); // ["a", "b", "c", "d", "e", "f"]