ES6 扩展运算符 常用场景

一、复制数组

var arr = [{id:1,mark:'m'},{id:2,name:'n'}];
var copyArray = [...arr];
console.log('复制数组--',copyArray);

image.png

二、数组拼接

var arrA = [{id:1,mark:'m'},{id:2,name:'n'}];
var arrB = [{id:3,mark:'x'},{id:4,mark:'y'},{id:5,mark:'z'}];
arrA.push(...arrB);
console.log('拼接数组后--',arrA);

image.png

---

二、多个数组拼接

var arrA = [{id:1,mark:'m'},{id:2,name:'n'}];
var arrB = [{id:3,mark:'x'},{id:4,mark:'y'},{id:5,mark:'z'}];
var arrC = [{id:6,mark:'k'}];
var arrD = [...arrA, ...arrB, ...arrC];
console.log('多个数组拼接--',arrD);

image.png

四、字符串转数组

var arr = 'coderZb';
var changeToArr = [...arr];
console.log('字符串转数组--',changeToArr);

image.png