如何将类数组对象转换为数组类型

学、写、用

于 2020-09-02 19:04:25 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript js

本文链接：https://blog.youkuaiyun.com/zbzuikeai/article/details/108368043

本文介绍了在JavaScript中将类数组对象转换为数组对象的三种方法：使用ES6的Array.from()，利用Array.prototype.slice.call()，以及通过循环遍历创建新数组。这些技巧对于处理DOM操作、事件监听等场景非常实用。

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

在JavaScript当中你应该会遇见一种问题，那就是如何将类数组对象转化为数组对象，因为许多时候你所求到的数据是一个类数组，而你所调用的方法是数组的方法，这是便需要转换了，接下来介绍三种方法：
一、 es6当中的Array.from()；这是最简便的一种方法了，你只需在括号里写上你所要转化的对象即可。
二、 Array.prototype.slice.call()；这可能是我们前期最常用的一种方法了，它同样只需在括号内写入对象名即可。

var a = {
    '0':'a',
    '1':'b',
    '2':'c',
    length:3
};
console.log(a);
console.log(Array.prototype.slice.call(a))

在这里插入图片描述
三、第三种方法便是循环遍历了，创建一个新的数组，通过循环将原类数组对象的内容加进去

var a = {
    '0':'a',
    '1':'b',
    '2':'c',
    length:3
};
console.log(a);
var b=[];
for(i=0;i<a.length;i++){
    b.push(a[i]);
}
console.log(b)