jQuery.merge 源码阅读

jQuery.merge(first,second)

概述

• 合并两个数组

  返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。

参数

• first:第一个待处理数组，会改变其中的元素。
  second:第二个待处理数组，不会改变其中的元素。

示例

• $.merge( [0,1,2], [2,3,4] )

• $.merge( {name:'andrew',age:'23'}, [2,3,4] )  //看看会如何

结果

• [0,1,2,2,3,4]

• {name: "Andrew", age: "23", NaN: 3, length: NaN}

源码阅读

function (first, second) {
    var l = second.length,
        i = first.length,
        j = 0;

    if (typeof l === "number") {
        for (; j < l; j++) {
            first[i++] = second[j];
        }

    } else {
        while (second[j] !== undefined) {
            first[i++] = second[j++];
        }
    }

    first.length = i;

    return first;
}

解读

javascript松散的类型结构使得对数组的操作会比较优雅，数组不会越界，不用担心数组长度的问题，仅仅需要对传入类型进行判断。

如果传入是key-value的对象，length会返回undefined，按下标取也会返回undefined。读者可以想想为什么第二个merge会返回这样的结果？

如果传入的是数组的对象，length会正常返回。