js中复制对象的属性值给新的对象

我们有一个对象，且包含很多属性值和方法，但是我们想把它的内部属性复制给一个新的对象时，我们如何去做呢？

你可能会说直接 a = b就可以了。

no no no，这样两个对象其实指针指向的还是一个内存中的对象，当一个发生变化的时候，另一个也是变化的，这并不是我们想要的结果。

那么，以三种方法来看看具体实现过程吧。

如下，有一个circle对象，其中包括一个属性值，一个属性方法

const circle = {
    radius: 1,
    draw() {
        console.log('draw');
    }
};

方法一：for in枚举对象

通过循环初始对象，得到每一个key以及所对应的值，然后把它赋值给新的对象

const newObj = {};

for(let key in circle) {
    newObj[key] = circle[key];
}

方法二：对象合并方法：

通过一个空对象和初始对象进行合并，赋值给新的对象

const newObj = Object.assign({}, circle);

方法三：es6扩展操作符

通过扩展操作符，找到circle的每一个属性然后赋值给新的对象

const newObj = { ...circle };

结果：

console.log(newObj)

image

这样就完成了复制对象的值的操作。

如有问题，请指出，接受批评。