html 对象转化数组,javascript怎么将对象转换成数组?

本文介绍了如何使用JavaScript的Array.prototype.slice.call方法将对象转换为数组。通过为对象添加length属性并利用call或apply改变函数调用上下文,可以将类数组对象转化为真正的数组。内容包括了不同情况下slice方法的使用效果及其对属性顺序和类型的要求。
摘要由CSDN通过智能技术生成

JavaScript可以使用数组的slice方法将对象转换为数组,需要将对象添加一个length属性,然后使用call或者apply来实现函数调用时的所属对象,就可以使用slice方法实现转换。

a75bbf101829443f013b4516ec7446d4.png

javascript将对象转换成数组:

下面是一个简单的数组: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']

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值