如何将伪数组转化为标准数组
程序员文章站
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)
可以看到,已经将伪数组转换为了标准数组。