js如何复制一个对象

方法一：把原来对象的属性遍历一遍，赋给一个新对象

  //深复制对象方法    var cloneObj = function (obj) {var newObj = {};if (obj instanceof Array) {newObj = [];}for (var key in obj) {var val = obj[key];newObj[key] = typeof val === 'object' ? cloneObj(val) : val;}return newObj;};//测试var obj = {func: function () {console.log(this.objMsg.name)},objMsg: {name: 'sun'},arrMsg: [1, 2]} //设置一个对象  newObj = cloneObj(obj); // 复制对象console.log(newObj)// {arrMsg: [1, 2],func: ƒ (),objMsg: {name: 'small sun'}}newObj.objMsg.name = 'small sun'; // 给新对象赋新值obj.func(); // sun，不受影响newObj.func(); // small sun

方法二：
现将对象转化成字符串，然后再解析成对象：JSON.parse(JSON.stringify(obj))
注意：如果对象中有函数function和undefined类型的属性，则不能正确复制；
Date类型会被转换成字符串

  var obj = {func: function () {console.log(this.objMsg.name)},objMsg: {name: 'sun'},arrMsg: [1, 2],undeObj: undefined,dateObj: new Date()} //设置一个对象newObj = JSON.parse(JSON.stringify(obj)); // 复制对象console.log(newObj)// {arrMsg: [1, 2],dateObj: "2022-01-10T08:32:06.168Z",objMsg: {name: 'small sun'}}newObj.objMsg.name = 'small sun'; // 给新对象赋新值console.log(obj.objMsg.name) // sunconsole.log(newObj.objMsg.name) // small sun

方法三：扩展运算符
注意：用扩展运算符对数组或者对象进行拷贝时，只能扩展和深拷贝第一层的值，对于第二层极其以后的值，扩展运算符将不能对其进行打散扩展，也不能对其进行深拷贝，即拷贝后和拷贝前第二层中的对象或者数组仍然引用的是同一个地址，其中一方改变，另一方也跟着改变。

  var obj = {simpleObj: 1,func: function () {console.log(this.objMsg.name)},objMsg: {name: 'sun'},arrMsg: [1, 2],undeObj: undefined,dateObj: new Date()} //设置一个对象var { ...newObj } = obj;console.log(newObj)// {arrMsg: [1, 2],dateObj: Mon Jan 10 2022 16:44:18 GMT+0800 (GMT+08:00) {},func: ƒ (),objMsg: {name: 'small sun'},simpleObj: 2,undeObj: undefined}newObj.simpleObj = 2// 给新对象第一层赋新值newObj.objMsg.name = 'small sun'; // 给新对象第二层赋新值console.log(obj.simpleObj) // 1 //旧对象值不受影响console.log(newObj.simpleObj)// 2console.log(obj.objMsg.name) // small sun // 旧对象值被影响console.log(newObj.objMsg.name) // small sunobj.func(); // small sunnewObj.func(); // small sun

js如何复制一个对象相关推荐

js深度复制一个对象使用JSON.stringify是最好的办法吗
转载自 js深度复制一个对象使用JSON.stringify是最好的办法吗深度复制一个对象,看到很多种方法,最简单的是: var newObject = JSON.parse(JSON.stri ...
js 深复制一个对象
自定义 cloneObj 方法 //深复制对象 var cloneObj = function (obj) {var newObj = {};if (obj instanceof Array) {ne ...
js实现复制html页面
js实现复制html页面复制html <h5>一.单选题请选择</h5><div class="pojo"><h7>1.fajfa ...
js实现复制文本内容到剪切板
js实现复制文本内容到剪切板一.总结一句话总结:就是document的execCommand('copy')方法二.js实现复制文本内容到剪切板直接上代码: 1 <script type ...
【转】js实现复制到剪贴板功能，兼容所有浏览器
2019独角兽企业重金招聘Python工程师标准>>> 两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家 ...
js如何生成一个对象，并转化为json字符串
js如何生成一个对象,并转化为json字符串,很多人都会误写为: var ary = []; var obj = {}; for (var i = 0; i < 3; i++) {obj.nam ...
java复制一个对象_Java中对象的复制
假如说你想复制一个简单变量.很简单: 1 int n = 5;2 int m = n; 不仅仅是int类型,其它七种原始数据类型(boolean,char,byte,short,float,doubl ...
php如何复制一个对象,PHP中的对象复制及__clone() 函数
在PHP中, 对象间的赋值操作实际上是引用操作 (事实上,绝大部分的编程语言都是如此! 主要原因是内存及性能的问题) , 比如 : [code lang="php"] class ...
【javascript】js实现复制、粘贴
使用document.ExecCommand("copy")命令,官方文档,点我. 例如: <!DOCTYPE html> <html> <head& ...

js如何复制一个对象

js如何复制一个对象相关推荐

最新文章

热门文章