如何将伪数组转化为标准数组

1. 题目引入

常常会遇到问题，如何将函数的参数转化为标准数组？函数的参数，实际上就是一个伪数组，这个题目实际上就是，怎样把一个伪数组转换为标准数组。

2. 什么是伪数组，常见的有哪些？

伪数组是一组元素，它具有length属性，但不能使用数组方法，因为它的构造器不是Array。
常见的有函数参数arguments对象和通过document.getElementsByName等获取元素的方法返回的节点列表。

3. 转化为标准数组的关键

（1）通过遍历将伪数组里的元素放到一个标准数组中；
（2）在生成新数组时，将this指向改变为伪数组。
关于第二点，若用为数组的元素生成一个新数组，则可将它转换为标准数组，这里可以借助slice方法，slice方法生成一个新数组。

4. 具体方法

我们先拿到一个伪数组：

function test (a, b, c, d) {
    console.log('数组参数', arguments)
}
test(1, 2, 3, 4)

（1）遍历法转换为标准数组

function test (a, b, c, d) {
    console.log('数组参数', arguments)
    const array = []
    for (var i = 0; i < arguments.length; i++) {
        array[i] = arguments[i]
    }
    console.log('标准数组array', array)
}

test(6, 2, 3, 4)

结果为：

可以看到，已经将伪数组转换为了标准数组。
（2）Array.prototype.slice.call()或[].slice.call()
如上，已经讲述了slice可生成一个新数组，利用call改变this指向，使this指向伪数组，即可将伪数组转化为标准数组。

function test (a, b, c, d) {
   console.log('数组参数', arguments)
    const array = Array.prototype.slice.call(arguments)
    console.log('标准数组array', array)
    const array2 = [].slice.call(arguments)
    console.log('标准数组array2', array2)
}

test(1, 2, 3, 4)

可以看到，已经将伪数组转换为了标准数组。