js题库-1{56.通过ES5的方法怎么把类数组转成真正的数组？}

漠媂

于 2022-11-09 22:20:27 发布

阅读量233

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js题库文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/AAAXEC/article/details/127779128

js题库专栏收录该内容

3 篇文章

订阅专栏

本文介绍了两种使用ES5将类数组对象转换为真正数组的方法：一种是通过遍历并push元素到新数组中，另一种是利用Array.prototype.concat.apply()或Array.prototype.slice.call()。这两种方法都是解决JavaScript中类数组对象不能直接使用数组方法的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

通过ES5的方法怎么把类数组转成真正的数组？
答：

方法一：

遍历类数组，将类数组里面的元素依次放入一个新的数组

let foo={
	0:1,
	1:2,
	2:3,
	length:3
}
let arr=[];
for(let item of foo){
	arr.push(item)
}

方法2：

使用apply和call，apply方法的第二个参数是数组，也可以是类数组，在调用的时候会将第二个参数依次展开。

let foo={
	0:1,
	1:2,
	2:3,
	length:3
}
//apply
let arr=[].concat.apply([],foo)
//call
let arr=Array.prototype.slice.call(foo)
console.log(arr)