如何将一个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
- ArrayLike对象: 类数组对象
- ArrayLike对象实例: DOM中的NodeList和函数中的arguments
- Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组,除了IE下的节点集合(因为ie下的dom对象是以com对象的形式实现的,js对象与com对象不能进行转换)