美文网首页
js中复制对象的属性值给新的对象

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

作者: 坏丶毛病 | 来源:发表于2020-10-17 09:46 被阅读0次

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

你可能会说直接 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

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

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

相关文章

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

    我们有一个对象,且包含很多属性值和方法,但是我们想把它的内部属性复制给一个新的对象时,我们如何去做呢? 你可能会说...

  • JS中 给json对象添加属性和json数组添加或追加元素

    js中 给json对象添加新的属性 比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newP...

  • JavaScript高级程序设计读书笔记 第六章 OO

    JS中对象的定义:无序属性的集合,其属性值可以包含基本值,对象或者函数。我们可以把js的对象想象成散列表,无非就是...

  • 小红书阅读笔记~第六章(面向对象)

    JS中对象的定义:无序属性的集合,其属性值可以包含基本值,对象或者函数。我们可以把js的对象想象成散列表,无非就是...

  • JavaScript 面向对象的程序设计

    理解 JS 的对象 在 JS 中,对象被定义为——“无序属性的集合,其属性可以包含基本值、对象或函数。“ 我们可以...

  • 19.深拷贝和浅拷贝

    简单意思就是深复制和浅复制的区别 浅拷贝 创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本...

  • 深拷贝对象

    常见对象拷贝object.assign、$.extend能复制对象到一个新的对象,对于被拷贝的对象属性值为基础数据...

  • JS Tips

    遍历对象的所有属性 添加属性 给普通的 JS 对象添加属性: 但是对于 Mongodb 中的对象,不可直接添加属性...

  • Object对象

    object 对象 在对象中保存的值称为属性 向对象中添加属性 语法:对象.属性名 = 属性值读取对象中的属性 语...

  • Object.defineProperty()

    对象 对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。在JS中有一下几种方法为对象定义属性 ...

网友评论

      本文标题:js中复制对象的属性值给新的对象

      本文链接:https://www.haomeiwen.com/subject/bpyxmktx.html