欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-24 21:56:56
...

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)

如何将伪数组转化为标准数组
可以看到,已经将伪数组转换为了标准数组。