浅谈Javascript中几种克隆(clone)方法
发布时间:2018-10-04 06:35:07 所属栏目:创业 来源:站长网
导读:一:在 Java script里,假如克隆工具是根基范例,我们直接赋值就可以了: 1 var sStr = kingwell;2 var cStr = sStr;3 alert(cStr);//输出kingwell4 sStr = abc;5 alert(cStr);//输出kingwell; 把一个值赋给另一个变量时,当谁人变量的值改变的时辰,另一
一:在Javascript里,假如克隆工具是根基范例,我们直接赋值就可以了: 1 var sStr = "kingwell"; 2 var cStr = sStr; 3 alert(cStr);//输出kingwell 4 sStr = "abc"; 5 alert(cStr);//输出kingwell; 把一个值赋给另一个变量时,当谁人变量的值改变的时辰,另一个值不会受到影响。 二:假如不是根基范例,那就有全部差异了: 1 var aArr = [0,1,2,3]; 2 var m = aArrr; 3 alert(m);//输出1,2,3 4 aArr=[3,2,1,0]; 5 alert(m);//输出3,2,1,0;这个值改变了,由于m只是aArr的一个引用,假如aArr的值改变了,那么m也会响应的改变。 假如我们想克隆一个数组,最简朴的步伐: 1 var aArr = [0,1,2,3]; 2 var m = aArr.slice(0); 3 aArr = [3,2,1,0]; 4 alert(m);//输出0,1,2,3,这时固然aArr中的值已经改变,可是由于行使slice要领已经建设一个新的数组。 我们可以建设一个函数来克隆全部工具: 1 function clone(obj) { 2 var o; 3 if (typeof obj == "object") { 4 if (obj === null) { 5 o = null; 6 } else { 7 if (obj instanceof Array) { 8 o = []; 9 for (var i = 0, len = obj.length; i < len; i++) { 10 o.push(clone(obj[i])); 11 } 12 } else { 13 o = {}; 14 for (var j in obj) { 15 o[j] = clone(obj[j]); 16 } 17 } 18 } 19 } else { 20 o = obj; 21 } 22 return o; 23 } 三:节点克隆: 1 var p = document.getElementsByTagName("p")[0]; 2 var cP = p.cloneNode();//克隆p节点 3 var cP = p.cloneNode(true);//克隆p节点,深度克隆,克隆节点以及节点下面的子内容。 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |