在js中如何复制一个对象?(图文教程)

下面是我给大家整理的在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' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行,它就代表哪个函数, 一般用在匿名函数中。          newObj[key] = typeof val === 'object' ? cloneObj(val): val;      }      return newObj;  };  //测试    var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象  newObj = cloneObj(obj);//复制对象  newObj.b.c=2;//给新对象赋新值  obj.a();//1,不受影响  newObj.a();//2

登录后复制

方法二:

将对象序列化再解析回来,对象中如果有函数function则不能正确复制

var obj = {a:1,b:2}  var newObj = JSON.parse(JSON.stringify(obj));  newObj.a=3;  console.log(obj);  console.log(newObj);

登录后复制

方法三:

针对数组对象的方法,用数组方法concat一个空数组

var a=[1,2,3];  var b=a;  var c=[].concat(a);  a.push(4);  console.log(b);  console.log(c);

登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

JS保留两位小数输入数校验代码

JS保留一位数字后移除非数字

JS刷新页面方法总结

以上就是在js中如何复制一个对象?(图文教程)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2761186.html

(0)
上一篇 2025年3月8日 09:29:49
下一篇 2025年2月24日 16:59:34

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论