[关闭]
@Bios 2018-12-10T08:43:31.000000Z 字数 798 阅读 738

js复制一个对象

js


方法一:

把原来对象的属性遍历一遍,赋给一个新的对象。

  1. [javascript] view plain copy
  2. //深复制对象方法
  3. var cloneObj = function (obj) {
  4. var newObj = {};
  5. if (obj instanceof Array) {
  6. newObj = [];
  7. }
  8. for (var key in obj) {
  9. var val = obj[key];
  10. //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一个函数中运行,它就代表哪个函数, 一般用在匿名函数中。
  11. newObj[key] = typeof val === 'object' ? cloneObj(val): val;
  12. }
  13. return newObj;
  14. };
  15. //测试
  16. var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//设置一个对象
  17. newObj = cloneObj(obj);//复制对象
  18. newObj.b.c=2;//给新对象赋新值
  19. obj.a();//1,不受影响
  20. newObj.a();//2

方法二:

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

  1. [javascript] view plain copy
  2. var obj = {a:1,b:2}
  3. var newObj = JSON.parse(JSON.stringify(obj));
  4. newObj.a=3;
  5. console.log(obj);
  6. console.log(newObj);

方法三:

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

  1. [javascript] view plain copy
  2. var a=[1,2,3];
  3. var b=a;
  4. var c=[].concat(a);
  5. a.push(4);
  6. console.log(b);
  7. console.log(c);
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注