javascript 对象转换成数组

最新推荐文章于 2025-05-20 15:15:46 发布

原创最新推荐文章于 2025-05-20 15:15:46 发布 · 5.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

javascript 同时被 2 个专栏收录

9 篇文章

订阅专栏

前端

6 篇文章

订阅专栏

本文介绍如何在JavaScript中使用slice方法将数组或类数组对象转换为数组，包括对普通对象进行转换的技巧，如添加length属性。文章详细解释了不同情况下slice方法的行为，如处理非整数键名和不连续的键名。

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

这里不用for循环来转换成数组，用js数组的slice方法来转换更简单。

下面是一个简单的数组：

var arr = [2,44,12,5,8]
arr.slice()
>>(5) [2,44,12,5,8]

但是普通的对象是没有slice方法的，可以用call或者apply来实现函数调用时的所属对象。

var obj = {0:'q',1:'w',2:'e'}
Array.prototype.slice.call(obj)
>>[]

但是结果却是为空数组，这是因为slice函数是可以处理数组或类数组对象，所以这里需要把obj对象添加一个length属性变成类数组：

obj.length = 3
Array.prototype.slice.call(obj)
>>(3) ['q','w','e']

这里如果把length的大小改成大于或小于属性数量：

obj.length = 2
Array.prototype.slice.call(obj)
>>(2) ['q','w']

obj.length = 4
Array.prototype.slice.call(obj)
>>(4) ['q','w','e',empty]

当属性名不是整形或者不是从0开始：

obj = {'q':1,'w':2,'e':3}
obj.length = 3
Array.prototype.slice.call(obj)
>>(3) [empty*3]

obj = {2:'q',3:'w',4:'e'}
obj.length = 3
Array.prototype.slice.call(obj)
>>(3) [empty*2,'q']

可以看出数组长度取决于length属性，并且下标是从0开始计算