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

红太狼 2021-09-29 06:40 3014阅读 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)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70][]

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

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

个人微信公众号：

![20200824115337580.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMzYzODg0_size_16_color_FFFFFF_t_70]: /images/20210812/6824fac8d6bc4e2c918a377087854f09.png
[20200824115337580.png]: /images/20210812/b490a823702d4e4bbfb7e6cbf2256e42.png

发表评论取消回复

表情：

评论列表（有 0 条评论，3014人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中json对象按对象的属性排序

知识参考网上学友，实践后，作此记录，积累， ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex...

缺乏、安全感/ 2024年04月17日 15:41/ 0 赞/ 146 阅读

相关 BeanUtils.copyBeanProperties()对象的属性复制且忽略null值

封装的方法： public static String[] getNullPropertyNames(Object source) { fin

深碍√TFBOYSˉ_/ 2024年04月08日 10:56/ 0 赞/ 161 阅读

相关获取proxy对象中属性的值

今天写vue3项目的时候，想要获取row里边的一个属性的值发现怎么也获取不到看代码这是前端页面当我要点击接种的时候想要获取到该行接种者自己的id ![37ad4

梦里梦外;/ 2024年03月26日 00:28/ 0 赞/ 162 阅读

相关如何将A对象属性值赋值给B对象中相同属性

B为需要的属性，但值是想要A对象属性对应的值以下操作可以得到B对象，和想要得值 <js> var A={ name:'张三',

Dear 丶/ 2022年11月11日 05:50/ 0 赞/ 269 阅读

相关 java将一个对象赋值给另一个对象_Java反射机制调用对象的方法 —— 将一个对象的属性值赋值给另一个对象的属性...

packagecom.wayne.common.utils; importcom.google.common.collect.Lists;importcom.wayne.c

本是古典何须时尚/ 2022年11月04日 00:44/ 0 赞/ 678 阅读

相关 Java对象间属性值的复制-Spring的BeanUtil

需求：两个对象中有相同类型相同名称的属性，把一个对象中的属性值复制到另一个对象。先把spring那5个核心的jar包导入到项目中 spring-core-3.2.0.R

电玩女神/ 2022年06月09日 06:28/ 0 赞/ 315 阅读

相关 JS面向对象之对象属性的属性

ECMAScript的定义中，对象的属性有两种，一种是数据属性，另一种是访问器属性我们知道JS中有基本数据类型和对象，对象中的属性也无外乎是这些类型，可是作为对象的属性，这

「爱情、让人受尽委屈。」/ 2022年05月21日 01:08/ 0 赞/ 419 阅读

相关 js 给json对象新增属性，再给新添加的属性添加值

json = \{id:'123',name:'张三'\} 添加一个 status 属性: json.newParam ='status';

我会带着你远行/ 2022年04月15日 02:46/ 0 赞/ 589 阅读

相关 JS对象克隆，js改变新对象的值不影响引用对象的值，亲测有效

话不多说，直接上代码 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u

淩亂°似流年/ 2022年04月11日 09:58/ 0 赞/ 506 阅读

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

我们有一个对象，且包含很多属性值和方法，但是我们想把它的内部属性复制给一个新的对象时，我们如何去做呢？你可能会说直接 a = b就可以了。 no no no，这样两个对象

红太狼/ 2021年09月29日 06:40/ 0 赞/ 3015 阅读