手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js中将具有数字属性名的对象转换为数组
js中将具有数字属性名的对象转换为数组
摘要:虽然不太常用,但我们的确可以给对象添加以数字为属性名的属性:复制代码代码如下:varobj={};obj[0]=1;obj[1]=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中将具有数字属性名的对象转换为数组】相关文章:

Node.js中JavaScript操作MySQL的常用方法整理

js去字符串前后空格的实现方法

jquery中map函数遍历数组用法实例

Javascript中prototype属性实现给内置对象添加新的方法

JS实现两表格里数据来回转移的方法

jQuery实现页面内锚点平滑跳转特效的方法总结

javascript实现点击后变换按钮显示文字的方法

javascript用函数实现对象的方法

javascript带回调函数的异步脚本载入方法实例分析

javascript字符串与数组转换汇总

精品推荐
分类导航