Javascript如何复制对象


本文摘自PHP中文网,作者藏色散人,侵删。

Javascript复制对象的方法:1、把原来对象的属性遍历一遍,赋给一个新的对象;2、将对象变为字符串,然后再变为json对象;3、concat一个空数组;4、通过扩展运算符实现对象的深拷贝;5、通过ES6扩展运算符实现数组的深拷贝。

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

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

方法二:

1). 先将对象变为字符串,然后再变为json对象,防止对象的指针指向问题,为深拷贝

2). undefined 和 function 类型的属性会被忽略,而 Date 类型的属性则会被转换为字符串

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);

方法四:

扩展运算符实现对象的深拷贝

1

2

3

4

5

6

var obj = {

  name: 'FungLeo',

  sex: 'man',

  old: '18'}var { ...obj2 } = obj

obj.old = '22'console.log(obj)

console.log(obj2)

方法五:

ES6扩展运算符实现数组的深拷贝

1

2

3

var arr = [1,2,3,4,5]var [ ...arr2 ] = arr

arr[2] = 5console.log(arr)

console.log(arr2)


推荐学习:《javascript高级教程

以上就是Javascript如何复制对象的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript函数前面加!、+、-、~, ;符号的意义介绍

vue混入的相关操作介绍(附示例)

javascript普通函数和箭头函数有什么区别?

详解javascript中的generator生成器

javascript中对象的介绍(附代码)

javascript警告框怎么消除

javascript中求最大值语句是什么

javascript match什么意思

javascript是事件驱动的语言吗

iconfont图标引用的方法步骤(代码)

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...