将伪数组转换为数组的 N 种方案

最新推荐文章于 2022-04-07 19:32:06 发布

转载最新推荐文章于 2022-04-07 19:32:06 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.fly63.com/article/detial/9787

文章标签：

#js

博客介绍了伪数组的定义，即有 length 属性、数值下标但无 Array.prototype 方法的对象，还列举了常见伪数组如 arguments 等。同时给出将伪数组转换为数组的方法，包括 Array.from、展开运算符、slice 和 call 方案以及循环遍历。

什么是伪数组？

有 length 属性，而且也是数值下标的对象。不具备 Array.prototype 上的方法。

常见的伪数组

arguments
document.getElementsByClassName
$(‘div’)

1.使用 Array.from （ES6+）（babel-polyfill）

2.使用 … 展开运算符（ES6+）（babel）

3.使用 slice 和 call 的方案

arr = Array.prototype.slice.call(arguments)

arr = Array.prototype.slice.apply(arguments)

arr = [].slice.call/apply(arguments)

4.循环遍历（兼容性无敌）

function fun(a,b,c = 1){
    arr = [];
    for(var i = 0,length = arguments.length; i < length; i++) {
        arr.push(arguments[i]);
    }
    console.log(
        typeof arr,
        Array.isArray(arr),
        arr.length,
        arr.slice,
        arr,
    )
}
fun(3, 2)