1.展开可迭代对象
1.1用于变量赋值
let 变量名 = [...可迭代对象];//字符串
let a1 = "123";
let a2 = [...a1];
console.log(a2); // [1, 2, 3]//数组
//新数组中的元素全部由老数组中的元素组成。
let a1 = [1, 2, 3];
let a2 = [...a1];
console.log(a2); // [1, 2, 3]
//新数组中的部分元素由老数组中的元素组成。
//新老数组无重复元素
let a1 = [1, 2, 3];
let a2 = [0, ...a1, 4, 5];
console.log(a2); // [0, 1, 2, 3, 4, 5]
//新老数组有重复元素，不会去重，仅此复制而已。
let a1 = [1, 2, 3];
let a2 = [1, ...a1, 2, 3];
console.log(a2); // [1, 1, 2, 3, 2, 3]//映射
let a1 = new Map([[1, "one"], [2, "two"], [3, "three"]]);
let a2 = [...a1];
console.log(a2); // [[1, "one"], [2, "two"], [3, "three"]]//集合
let a1 = new Set([1, 2, 3]);
let a2 = [...a1];
console.log(a2); // [1, 2, 3]1.2用于函数实参
具体参考“用于变量赋值”章节。
function f(a, b) {
console.log(a, b);
}
let arr = [1, 2];
f(...arr); // 1 22.展开对象字面量
2.1用于变量赋值
let 变量名 = { ...对象字面量 };//新对象中的属性全部由老对象中的属性组成。
let o1 = { a: 1, b: 2 };
let o2 = { ...o1 };
console.log(o2); // { a: 1, b: 2 }
//新对象中的部分属性由老对象中的属性组成。
//新老对象无同名属性
let o1 = { a: 1, b: 2 };
let o2 = { ...o1, c: 3 };
console.log(o2); // { a: 1, b: 2, c: 3 }
//新老对象有同名属性，后面的属性会覆盖前面的属性。
let o1 = { a: 1, b: 2 };
let o2 = { ...o1, a: 3 };
console.log(o2); // { a: 3, b: 2 }
let o1 = { a: 1, b: 2 };
let o2 = { a: 3, ...o1 };
console.log(o2); // { a: 1, b: 2 }2.2用于函数实参
JavaScript 语言不支持用于函数实参。
原创文章，作者：huoxiaoqiang，如若转载，请注明出处：https://www.huoxiaoqiang.com/experience/javascriptexp/36651.html
微信扫一扫 
支付宝扫一扫