关于js对象赋值

关于js对象赋值

1.含有相同的键进行赋值

如：

a:{name:"",age:""}, // 需要被赋值的对象
b:{name:"xx",age:"20",sex:"男"} // 数据对象
// 将b与a相同的健进行赋值

Object.keys(this.a).forEach((key) => {
    this.a[key] = this.b[key]
})
// 得到
a:{name:"x",age:"20"}, 

2.复制对象（遍历赋值）

var obj = {  //定义对象
    x : true,
    y : false
}
var obj1 = {};
for (var i in obj) {  //遍历obj对象，把它的所有成员赋值给对象obj1
    obj1[i] = obj[i];
}

3.复制对象（直接赋值）

直接用=的方式把一个对象赋值给另一个对象，会导致修改新对象时，原对象也发生变化

var obj1 = {'name': '1111'};
var obj2 = obj1;
obj2.name = '2222';
console.log(obj1.name); //'2222'

• JavaScript 中对象的赋值是默认引用赋值的（两个对象指向相同的内存地址）

4.Object.assign()拷贝对象 （深拷贝，但没完全深）

// 使用 Object.assign() 方法复制对象
let obj1 = { a: 0 , b: { c: 0}};
let obj2 = Object.assign({}, obj1);
console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}}

obj2.a = 2;
console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 0}}
console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 0}}

obj2.b.c = 3;
console.log(JSON.stringify(obj1)); // { a: 1, b: { c: 3}}
console.log(JSON.stringify(obj2)); // { a: 2, b: { c: 3}}

• 可以看到当修改obj2.b.c的值时，原对象obj1.b.c也跟着发生了变化，Object.assign()只是让对象里第一层的数据没有了关联性，但是对象内的对象则跟被复制的对象有着关联性的。
• Object.assign(obj) --浅拷贝
  Object.assign({},obj) --只有第一层深拷贝 （ES6中扩展运算符...也是如此

5.JSON.parse(JSON.stringify(obj))

let obj1 = { a: 2, b: { c: 0 } }
let obj2 = JSON.parse(JSON.stringify(obj1))

• 使用场景限制：obj属性不能是function、RegExp等，JSON序列化时会造成属性丢失：