JavaScript类数组对象

类数组

具有length属性且其值为Number类型的非负整数值，并且不具备数组的一些内建方法的对象，即为类数组对象(Array-like)。常见的例子有函数中存有函数调用时传入的参数序列arguments对象，还有DOM操作中常见的NodeList和HTMLCollection集合。

//常见的类数组举例
function test(x, y) {
    return arguments[0] + arguments[1]; //arguments为类数组
}

var oDivs = document.getElementsByTagName("div"); //oDivs也为类数组

使类数组对象转换为数组

利用前面所使用的Function.prototype.call()方法可以轻易实现。

function list() {
    return Array.prototype.slice.call(arguments);
}
list(1,2,3,4); //[1,2,3,4]

其中的Array.prototype.slice.call(arguments);可以替换为[].slice.call(arguments);两者或许有性能上的细微差别，但作用相同。
对于arguments对象来说，最好不要使用上述方法来将其转换为数组，在V8下会很慢，可以这么写：

function list() {
    var arr = new Array(arguments.length);
    for(var i = 0; i < arguments.length; i++) {
        arr[i] = arguments[i];
    }
    return arr;
}
list(1,2,3,4); //[1,2,3,4]

在低版本的IE中，Array.prototype.slice.call()的方式对DOM中的NodeList和HTMLCollection对象行不通，故将该转换函数封装如下：

function list(arrLike) {
    try {
        return [].slice.call(arrLike);
    } catch(err) { //低版本IE
        var arr = new Array(arrLike.length);
        for(var i = 0; i < arrLike.length; i++) {
            arr[i] = arrLike[i];
        }
        return arr;
    }
}

Array.from()方法

这是ES6新增的一个方法，该方法可以将一个类数组对象或可遍历对象转换成真正的数组。

Array.from("hello"); //["h", "e", "l", "l", "o"]