【JS008】ES6的学习笔记之扩展运算符（对象篇）

日期：2021年8月17日
作者：Commas
注释：如果您觉得有所帮助，帮忙点个赞；如果有不对的地方，还望各位大佬不吝赐教，谢谢^ - ^
(ง •_•)ง 积跬步以致千里，ES6的学习笔记
1.01³⁶⁵ = 37.7834；0.99³⁶⁵ = 0.0255
1.02³⁶⁵ = 1377.4083；0.98³⁶⁵ = 0.0006

---

---

一、对象扩展运算符的定义

定义：扩展运算符（spread）是三个点（...），可以将一个对象转为用逗号分隔的参数序列；和数组不同，参数序列需要用大括号{}包裹，否则会报错。
错误：Uncaught TypeError: Found non-callable @@iterator

let o = {
    name:"张三",
    age:18
};

console.log(o);       //{name: "张三", age: 18}
console.log({...o});  //{name: "张三", age: 18}

二、对象扩展运算符的作用

1. 对象的合并
   注意：合并的对象如果有相同的键名，那么后面对象对应的键值会覆盖前面对象对应的键值；就像变量赋值一样，变量值是最后一次赋值的值；
   语法：mergeObj = {...o1,...o2,...o3,...o4}

let o1 = {
    name:"张三",
    age:18
};
let o2 = {
    hobby:"打篮球"
};
//（1）键名不重复
console.log({...o1,...o2});
//{name: "张三", age: 18, hobby: "打篮球"}

//（1）键名重复，键值会覆盖
o1.name="李四";
o1.age=22;
console.log({...o1,...o2});
//{name: "李四", age: 22, hobby: "打篮球"}
console.log({...o2,...o1});
//{hobby: "打篮球", name: "张三", age: 18}

2. 对象的复制
   语法：newObj = {...oldObj}

let o1 = {
    name:"张三",
    age:18
};

//（1）赋值的是引用，指向的是同一个对象；
let o2 = o1;
console.log(o2,o2===o1);
//{name: "张三", age: 18} true

//（2）复制对象，两个是不同的对象：
let o3 = {...o1};
console.log(o3,o3===o1);
//{name: "张三", age: 18} false

---

版权声明：本文为博主原创文章，如需转载，请给出：
原文链接：https://blog.csdn.net/qq_35844043/article/details/119754144