前端 —— JavaScript 进阶 25 -- ES6 之 ... 展开运算符（剩余运算符）

... 展开运算符

展开运算符（剩余运算符）应用于 数组 或者 对象。 一个对数组或者对象进行展开插值  一个是对数组或者对象进行局部的赋值

• 合并数组

let arr01 = [1,2,3];
let arr02 = [4,5,6];
let arr = [...arr01,...arr02];
console.log(arr); //[ 1, 2, 3, 4, 5, 6 ]

• 一个数组或者对象 指定到另一个数组或者对象的某一个位置

let  arr03=[1,2,3];
let arr04=['1','b','c'];
let obj={a:2,b:2};
let obj1={c:3,d:4};
obj1={c:3,...obj,d:4};//{ c: 3, a: 2, b: 2, d: 4 }
console.log(obj1);

// 把arr 插入arr2第二个元素之前。
arr04=['1',...arr03,'b','c'];
console.log(arr04); //[ '1', 1, 2, 3, 'b', 'c' ]

• 另一个在解构的过程中，将剩余的值赋给一个变量;

let [a,b,...c]=[1,3,4,5,6];
let {a1,b1,...c1}={b1:3,a1:2,f:3,d:5};
let [ , , ...arr