分享人:火建强
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
javascript分原始类型与引用类型。Array是引用类型,直接用“=”号赋值的话,只是把源数组的地址(或叫指针)赋值给目的数组,并没有实现数组的数据的拷贝。这种方式的实现属于浅拷贝。
深拷贝是开辟新的储存空间,两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。
slice()语法:arrayObj.slice(start,[end])
slice方法是通过参数start和end的传入值来返回数组中的一段,该方法不对原数组进行操作,而是返回一个子数组
start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
返回值:返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素(如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素)。
var array1=new Array("1","2","3");
var array2;
array2=array1.slice(0);
alert(array2);//返回1,2,3
concat()语法:arrayObject.concat(arrayX,arrayX,......,arrayX)
arrayX:必需,可以是具体的值,也可以是数组对象。可以是任意多个。
concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回一个新的数组。如果要进行 concat() 操作的参 数是数组,那么添加的是数组中的元素,而不是数组。
var array1=new Array("1","2","3");
var array2;
array2=array1.concat();
alert(array2);//返回1,2,3
jquery.extend()
语法:jQuery.extend( [deep ], target, object1 [, objectN ] )
将两个或更多对象的内容合并到第一个对象。
deep:可选。 Boolean类型 指示是否深度合并对象,默认为false。如果该值为true,且多个对象的某个同名属性也都是对象,则该"属性对象"的属性也将进行合并。
var arr = [['a','b'],0,1,2,{name:'old'}];
var newArr = $.extend(true, [], arr);
newArr[4].name = 'new';
newArr[0].push('c');
console.log(newArr);
console.log(arr);
slice和concat这两个方法,仅适用于对不包含引用对象的一维数组的深拷贝。对于数组内部存在对象和数组,当改变对象属性和内部数组的元素后,深拷贝的数组同样也发生了改变。
参考1:JS深拷贝和浅拷贝数组
感谢大家观看
BY : 火建强