总结
- for 循环
- [].slice.call() (calll方法:[].map.call())
- ES6语法:Array.from()
- ES6语法:展开运算符
原生 js 获取 DOM 元素集合是一个类数组对象,所以不能直接利用数组对象(比如:sort、forEach),需要转换为数组后,才可以使用
下述方法使用 arguments 当伪数组
function fn() {
var res = toArr(arguments);
console.log(res);
}
fn("A", 3, 5); // 返回 [ 'A', 3, 5 ]
1.for 循环
function toArr(cArr) {
var arr = [];
for (var i = 0; i < cArr.length; i++) {
arr.push(cArr[i]);
}
return arr;
}
2.[].slice.call() call() 方法
function toArr(cArr) {
return [].slice.call(cArr);
}
arr.slice(start, end)
:提取索引 start 复制到索引 end 的部分(不包括 endArray.prototype.slice.call(arguments, 0)
,就是把arguments
当做当前对象,要调用arguments
的slice
方法,slice(0)
获取所有项(不包含索引)- [] 是一个数组对象,会去原型链上找
slice
这个方法,所以可以简写成[].slice.call()
call()
方法可以搭配的比较广,这里再举个例子:可以用 map 方法,返回遍历的 item 即可
function toArr(cArr) {
return [].map.call(cArr, (item) => item);
}
3.ES6语法:Array.from()
只要有 length 属性的对象,都可以用此方法转换成数组
function toArr(cArr) {
return Array.from(cArr);
}
4.ES6语法:展开运算符
function toArr(cArr) {
return [...cArr];
}