js中将具有数字属性名的对象转换为数组
2011-03-06 00:00
591 查看
虽然不太常用,但我们的确可以给对象添加以数字为属性名的属性:
这个对象并不是数组类型,那有没有办法把它转换为数组类型呢?jQuery代码中采用了Array.prototype.slice把这种对象转换为数组,但我试了好几遍,就是不行:
上面这段代码在IE下直接报错,在Firefox下虽然没有报错,输出内容却是空。也就说,转换失败了。这种内置方法的问题最好还是查查ECMA-262,slice方法的执行流程的前两步如下:
这里提到了参数length。obj对象虽然有数字索引,但是却没有length属性。其实问题就在这:slice方法不知道这个对象的长度。简单修改一下代码,添加length属性:
输出内容是"1,2",复制成功。那是不是说明,只要调用slice方法的this有数字索引和length属性,就可以转换为数组呢?。
这个定律在大部分浏览器下成立。然而,在IE环境下,对于HtmlCollection这样的DOM元素集合,即使具有上述特征,它在调用slice的时候也会报错。
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中将具有数字属性名的对象转换为数组
- js数组排序,根据数组中对象的某一属性进行排序 支持数字和字符串的排序,也支持按两个属性进行排序
- js中json对象数组按对象属性排序
- JS数组中元素数字和字符串之间的转换
- js 递归遍历对象、数组、属性
- java中将数组、对象、Map、List转换成JSON数据
- js对象, 数组 , json 互相转换
- 强制转换的对象不具有相应属性
- java中将数组、对象、Map、List转换成JSON数据
- js将类数组对象转换成数组对象
- JS对象到字符串和数字的转换
- js中将类数组转换为数组的几种方法
- 数组的length属性,只是下标数字+1。和数组对象的属性有多少个,方法有多少个没关系。
- js中js数组、对象与json之间的转换
- js对象、数组转换字符串
- Js把对象数组列表转换成数组
- js中将字符串转换成数组的方式
- js 对象数组根据对象中的属性排序
- js数组对象--数据格式的转换(字符串,对象的取值与赋值)