js中将具有数字属性名的对象转换为数组_js对象转数组资源-CSDN文库

5星 · 超过95%的资源 98 浏览量 2020-12-01 15:47:54 上传评论收藏 38KB PDF 举报

资源推荐

资源详情

资源评论

js中将具有数字属性名的对象转换为数组中将具有数字属性名的对象转换为数组

虽然不太常用，但我们的确可以给对象添加以数字为属性名的属性：

代码如下:

var obj = {};

obj[0] = 1;

obj[1] = 2;

这个对象并不是数组类型，那有没有办法把它转换为数组类型呢？jQuery代码中采用了Array.prototype.slice把这种对象转换

为数组，但我试了好几遍，就是不行：

代码如下:

var obj = {};

obj[0] = 1;

obj[1] = 2;

alert(Array.prototype.slice.call(obj));

上面这段代码在IE下直接报错，在Firefox下虽然没有报错，输出内容却是空。也就说，转换失败了。这种内置方法的问题最好

还是查查ECMA-262，slice方法的执行流程的前两步如下：

代码如下:

1. Let A be a new array created as if by the expression new Array().

2. Call the [[Get]] method of this object with argument “length”.

这里提到了参数length。obj对象虽然有数字索引，但是却没有length属性。其实问题就在这：slice方法不知道这个对象的长

度。简单修改一下代码，添加length属性：

代码如下:

var obj = {};

obj[0] = 1;

obj[1] = 2;

obj.length = 2;

alert(Array.prototype.slice.call(obj));

输出内容是”1,2″，复制成功。那是不是说明，只要调用只要调用slice方法的方法的this有数字索引和有数字索引和length属性，就可以转换为数组属性，就可以转换为数组呢？。

这个定律在大部分浏览器下成立。然而，在IE环境下，对于HtmlCollection这样的DOM元素集合，即使具有上述特征，它在

调用slice的时候也会报错。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

两斤香菜

2023-07-26

阅读这个文件后，我能够更加高效地处理具有数字属性名的对象。
易烫YCC

2023-07-26

这个文件的示例代码很简洁明了，让我能够快速上手并使用。
Orca是只鲸

2023-07-26

这个文件解释清晰，让我对如何处理具有数字属性名的对象有了更好的理解。
巧笑倩兮Evelina

2023-07-26

我从这个文件中学到了一个很实用的技巧，可以很方便地转换对象为数组。
赶路的稻草人

2023-07-26

这个文件很有用，帮助我把具有数字属性名的对象转换为数组。

weixin_38534683

粉丝: 3
资源: 1020

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip