js中将具有数字属性名的对象转换为数组
更新时间：2011年03月06日 00:01:00 作者：
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));
复制代码 代码如下:
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的时候也会报错。
相关文章
下面小编就为大家带来一篇页面间固定参数,通过cookie传值的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
下面小编就为大家带来一篇深入理解js promise chain。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本篇文章主要是对用javascript替换URL中的参数值示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了关于微信小程序bug记录与解决方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
最全正则表达式总结：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
这篇文章主要介绍了最全正则表达式：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等，通过语法介绍作用表达式等详细解释了正则表达式的使用，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。2017-08-08
这篇文章为大家推荐了许多经典的JS闭包面试题，也可以说是一不小心就做错的JS闭包面试题，感兴趣的小伙伴们可以参考一下，自己试着解答这些大部分人都会做错的JS闭包面试题，检验自己的知识水平2015-11-11
这篇文章主要为大家详细介绍了js仿京东放大镜，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
本文主要介绍了微信小程序实现可以截断的瀑布流组件2022-01-01
这篇文章主要为大家详细介绍了JavaScript实现简单图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要为大家详细介绍了JavaScript表单验证的两种实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论