如何将一个ArrayLike(类数组对象)变成一个Array(真正的数组对象)

如何将一个ArrayLike(类数组对象)变成一个Array(真正的数组对象)

ES6语法新特性

展开运算符

    var list=document.getElementsByTagName('div');
    var arr=[..list];

Array.from

    var list=document.getElementsByTagName('div');
    var arr = Array.from(list);

原生

Array.prototype.slice.call(arguments);

以下是一个封装的方法(why?兼容 => add第三条提到)

    var toArray = function(s){
        try{
            return Array.prototype.slice.call(s);
        } catch(e){
            var arr = [];
            for(var i = 0,len = s.length; i < len; i++){
                //arr.push(s[i]);
                arr[i] = s[i];  //据说这样比push快
            }
            return arr;
        }
    }

Summary

只写了ES6的方法 原生的之后补充
还有相关方法未提到的欢迎大家补充(各大类库也有封装)

add

1. ArrayLike对象: 类数组对象
2. ArrayLike对象实例: DOM中的NodeList和函数中的arguments
3. Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组，除了IE下的节点集合（因为ie下的dom对象是以com对象的形式实现的，js对象与com对象不能进行转换)