首页 / JAVASCRIPT / js中将具有数字属性名的对象转换为数组_javascript技巧

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js中将具有数字属性名的对象转换为数组_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1150字，纯文字阅读大概需要2分钟。

内容图文

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

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的时候也会报错。

内容总结

以上是互联网集市为您收集整理的js中将具有数字属性名的对象转换为数组_javascript技巧全部内容，希望文章能够帮你解决js中将具有数字属性名的对象转换为数组_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/313575.html

来源：【匿名】