js数组的深度克隆,求大神。
数组属于引用类型,有些时候我们需要克隆一个副本出来使用。简单类型的好办。但数组里包含了复杂类型的就有点不太好办了。看2个列子。
var arr = new Array(1,2,3); //原始数组。
var newarr = new Array();
newarr = arr.concat();
newarr[0] = newarr[0] + 100;
alert("克隆出来的数组的第一个元素的值为:" + newarr[0] + ",原始数组的值为:" + arr[0]);
//这样对于简单的数据类型可以达到完全克隆的效果。新元素的值为101 ,原始数组里的值不变。1。
//但是,请看下面。
//上面的方法达到了简单数组克隆的目地了。现在新的问题来了
var arr = new Array(); //原始数组。
var a = { name: "张三", age: 20 };
var b = { name: "李四", age: 30 };
var c = { name: "王武", age: 40 };
arr.push(a); arr.push(b); arr.push(c);
var newarr = new Array();
newarr = arr.concat();//复制
//删除其最后一个元素。
newarr.pop();
//更改其中李四的年龄为100
newarr[1].age = 100;
//打印结果看下。
alert("复制的数组的长度为:" + newarr.length + ",李四的年龄为:" + newarr[1].age);
alert("原始的数组的长度为:" + arr.length + ",李四的年龄为:" + arr[1].age);
// 现在新元素的长度变成 2了。而并没有影响到原始数组的数组长度,原始数组的数组长度依然为3.但:数组当中的第二个元素,也就是李四的年龄。。。在我们更改了复制的新数组里面的年龄时,,,原始数组也变了。。这个不是我们想要的结果。。。。
...全文
相关推荐
JS对象的深度克隆方法示例
主要介绍了JS对象的深度克隆方法,结合实例形式分析了JavaScript深度克隆的实现技巧,需要的朋友可以参考下
JS对象深度克隆实例分析
主要介绍了JS对象深度克隆,结合实例形式分析了JavaScript对象深度克隆的实现方法与相关注意事项,需要的朋友可以参考下
js代码-javascript深度克隆
js代码-javascript深度克隆
javascript克隆对象深度介绍
本文将详细介绍js 深度克隆的分类与实现,需要的朋友可以参考下
javascript浅层克隆、深度克隆对比及实例解析
主要介绍了javascript浅层克隆、深度克隆对比及实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下


