首页 > web前端 > js教程 > 在js中如何复制一个对象?(图文教程)

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

亚连
发布: 2018-05-18 16:21:30
原创
1746 人浏览过

下面是我给大家整理的在js中如何复制一个对象,有兴趣的同学可以去看看。

方法一:

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

//深复制对象方法   

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则不能正确复制

1

2

3

4

5

var obj = {a:1,b:2} 

var newObj = JSON.parse(JSON.stringify(obj)); 

newObj.a=3; 

console.log(obj); 

console.log(newObj);

登录后复制

方法三:

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

1

2

3

4

5

6

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中如何复制一个对象?(图文教程)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
怎么实现 JavaScript点与圆的位置关系
来自于 1970-01-01 08:00:00
0
0
0
JavaScript钩子函数是什么?
来自于 1970-01-01 08:00:00
0
0
0
c++ 调用javascript
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板