JS基礎回顧，小練習（克隆對象，數組） - pssp－IT工程師數位筆記本

文章出處

對象的克隆：

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