jquery源码——merge 浅度克隆两个数组（类数组）；

原创于 2018-09-15 11:57:50 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

web前端学习专栏收录该内容

26 篇文章

订阅专栏

本文探讨了JavaScript中的一种浅度克隆方法，通过合并两个数组或对象，展示了一个简单的实现过程。当克隆的对象包含引用类型时，修改克隆体会影响到原对象，揭示了浅拷贝的局限性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

源码及应用：


    function merge(first , second) {
       var i = first.length;
       var len = i + second.length;
       var j = 0;
       for(; i < len; i++){
           first[i] = second[j++];
       }
       first.length = len;
       return first;
    }
    var arr = [1,2,3,4,{test: 1}];
    var larr = {
        0: 1,
        1: 2,
        2: 3,
        test: function () {
            console.log(111);
        },
        length: 3
    };
    // console.log(merge(arr,larr));
    // [1,2,3,1,2,3];
    console.log(merge(larr,arr));
    // larr = {
    //     0: 1,
    //     1: 2,
    //     2: 3,
    //     3: 1,
    //     4: 2,
    //     5: 3,
    //     6: 4,
    //     test: function...
    //     length: 7
    // }

浅度克隆，若克隆体内存在引用值，改变克隆体则会改变被克隆的对象；如改变 arr[4].test 会改变 larr；