您的位置:首页 > Web前端 > JavaScript

JS基础回顾,小练习(克隆对象,数组)

2016-03-14 19:04 405 查看
对象的克隆:

var srcObj = {
a: 1,
b: {
b1: ["hello", "hi"],
b2: "JavaScript"
}
};

function cloneObject(src) {
var target = {};
for(var k in src){
target[k] = src[k];
}
return target;
}
var o = cloneObject(srcObj);
console.log(o===srcObj); //false


数组的克隆:

方法1:

var srcArr = ['html','css','javascript','Jquery','ajax','less'];
function cloneArr(src) {
var target = [];
for(var i=0;i<src.length;i++){
target[i] = src[i];
}
return target;
}
var arr = cloneArr(srcArr);
console.log(arr);
console.log(arr===srcArr); //false


方法2:

var srcArr = ['html','css','javascript','Jquery','ajax','less'];
function cloneArr(src) {
return srcArr.join().split(",");
}
var arr = cloneArr(srcArr);
console.log(arr);
console.log(arr===srcArr); //false


方法3:

var srcArr = ['html','css','javascript','Jquery','ajax','less'];
function cloneArr(src) {
var arr = [];
for(var k in src){
arr[k] = src[k];
}
return arr;
}
var arr = cloneArr(srcArr);
console.log(arr);
console.log(arr===srcArr); //false


方法4:

var srcArr = ['html','css','javascript','Jquery','ajax','less'];
function cloneArr(src) {
var len = src.length,arr=[];
var str = src.toString();
var reg = /([\d\w]+),/g;
var i = 0,m;
while(m = reg.exec(str)){
arr[i] = m[1];
i++;
}
return arr;
}
var arr = cloneArr(srcArr);
console.log(arr);
console.log(arr===srcArr); //false
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: