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)

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

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

个人微信公众号：

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

数组的迭代数组里面每个对象添加属性值_JS数组和对象循环遍历的几种实现方式...
数组遍历 1. 普通for循环 let arr = [1,2,3,4,5] for (let i = 0; i < arr.length; i++) {console.log(arr[i]) } ...
将对象的属性值复制到另一个对象中
将对象的属性值复制到另一个对象中 /**** 将第一个对象的属性值复制到第二个对象中* @param <T> 第一个对象* @param <R> 第二个对象*/ class H ...
JS 中对数组按照数组中某个对象的属性值进行排序
最近遇到了按照数组中某个对象的属性值进行排序的需求,找了很多种方式,下面这个完美解决: arr是数组名,attr是数组某个对象的属性完美解决~~ 转载于:https://www.cnblogs.co ...
js对象、数组对象根据属性值进行升序降序排序
1.js对象排序 // 排序之前 let objs = {f: {id: 2,name: '2'},a: {id: 3,name: '3'},c: {id: 1,name: '1'} }// 根据对象 ...
根据数组中对象的属性值排序倒叙
数组中对象的属性值排序倒叙demo function compare(e) {return function (a, b) {var value1 = a[e];var value2 = b[e];r ...
js删除对象空属性值的方法
1.删除对象空属性值正常情况下,拿到的数据是{01:["鹿晗","关晓彤"]} 但当用户更改选项之后,我们可能拿到数据就是{01:[]},01的属性值是空的, ...
如何去遍历对象中的所有的属性值
//本函数是使用了反射来实现访问对象的属性值的函数 //using System.Reflection; private void GetObjectPropertyValue(clsUser us ...
JS-面向对象-函数的使用场景---作为其他变量的值 / 作为对象的属性值 / 作为其他函数的参数 / 作为其他函数的返回值 / 作为构造函数（定义对象）
作为其他变量的值 <!DOCTYPE html> <html lang="zh"><head><meta charset="UT ...
当一个对象实例作为一个参数被传递到方法中时，参数的值就是对该对象的引用。对象的内容可以在被调用的方法中改变，但对象的引用是永远不会改变的.
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递答:是值传递.Java 编程语言只有值传递参数.当一个对象实例作为一个参数被传 ...

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

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

最新文章

热门文章