源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-11-09 23:59 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js中将具有数字属性名的对象转换为数组
虽然不太常用,但我们的确可以给对象添加以数字为属性名的属性:
[u]复制代码[/u] 代码如下:
var obj = {}; obj[0] = 1; obj[1] = 2;
这个对象并不是数组类型,那有没有办法把它转换为数组类型呢?jQuery代码中采用了Array.prototype.slice把这种对象转换为数组,但我试了好几遍,就是不行:
[u]复制代码[/u] 代码如下:
var obj = {}; obj[0] = 1; obj[1] = 2; alert(Array.prototype.slice.call(obj));
上面这段代码在IE下直接报错,在Firefox下虽然没有报错,输出内容却是空。也就说,转换失败了。这种内置方法的问题最好还是查查[b]ECMA-262[/b],slice方法的执行流程的前两步如下:
[u]复制代码[/u] 代码如下:
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属性:
[u]复制代码[/u] 代码如下:
var obj = {}; obj[0] = 1; obj[1] = 2; obj.length = 2; alert(Array.prototype.slice.call(obj));
输出内容是"1,2",复制成功。那是不是说明,[b]只要调用slice方法的this有数字索引和length属性,就可以转换为数组[/b]呢?。 这个定律在大部分浏览器下成立。然而,在IE环境下,对于[b]HtmlCollection[/b]这样的DOM元素集合,即使具有上述特征,它在调用slice的时候也会报错。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部