【ES6之对象】Object.assign()的使用——复制可枚举属性

【ES6之对象】Object.assign()的使用——复制可枚举属性

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。

实例1

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);//  { a: 1, b: 4, c: 5 }
console.log(returnedTarget);// { a: 1, b: 4, c: 5 }

实例2

const target = { a: 1 };

const source1 = { b: 2 };
const source2 = { c: 3 };

Object.assign(target, source1, source2);
console.log(target); // {a:1, b:2, c:3}

Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。

注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。

const target = { a: 1, b: 1 };

const source1 = { b: 2, c: 2 };
const source2 = { c: 4 };

Object.assign(target, source1, source2);
console.log(target); // {a:1, b:2, c:4}

如果只有一个参数，Object.assign会直接返回该参数。

const obj = {a: 1};
Object.assign(obj) === obj // true

如果该参数不是对象，则会先转成对象，然后返回。

typeof Object.assign(2) // "object"

由于undefined和null无法转成对象，所以如果它们作为参数，就会报错。

Object.assign(undefined) // 报错
Object.assign(null) // 报错

实例3

Object.assign方法用于对象的合并，将源对象（o2,o3）的所有可枚举属性，复制到目标对象（o1）。

const obj = Object.assign(o1, o2, o3);

let answersList = [
    {fieldName:'11',questionId:1,test:'测试1'},
    {fieldName:'12',questionId:2,test:'测试2'},
    {fieldName:'13',questionId:3,test:'测试3'}
]; 
let allFormAttrs = answersList.map(q => Object.assign({}, q, {
    id: q.questionId,
    name: q.fieldName
}));
console.info(allFormAttrs,"allFormAttrs-合并后的数组");
console.info(answersList,"answersList-原数组");

效果

浅拷贝

Object.assign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。

const obj1 = {a: {b: 1}};
const obj2 = Object.assign({}, obj1);

obj1.a.b = 2;
obj2.a.b // 2