JS的对象(不只是Object)可以像html元素对象一样,添加任意的自定义属性值。也就是说JS的对象,天生都是Key/Value ,在遍历属性时,expando导入属性和prototype导入属性存在了混淆。
js的prototype特性对对象的扩充非常的方便,所以我们在制作一些jst类库的时候,一般都会使用prototype特性为对象添加方法,比如我们对Object进行如下prototype扩充:
Object.prototype.GetValue=function(){}
Object.prototype.Method=function(){}
Object.prototype.QequestData=function(){}
这个时候如果再使用Object作为items结构来使用,我们就会遇到遍历这个items的错误,看下面的代码:
var objItems = {};
objItems["1"] = "1111";
objItems["2"] = "2222";
objItems["3"] = "3333";
遍历这个集合:
function DisplayItems(obj) {
var values = [];
for (var key in obj) {
values.push(obj[key]);
}
return values;
};
获取值如下图:
由于prototype属性的优先级很高,在对象实例生成的时候就expand到对象实例中去了。所以我们建立的任何一个对象,都会包含相同的prototype属性。这样一来就好办了,我们把objItems中的prototype属性找出来过滤掉就行了呗。参考代码如下
function GetExpandAttr(items) {
var values = [];
var obj = new items.constructor();
for (var key in items) {
if (obj[key] != items[key]) {
values.push(items[key]);
}
}
return values;
};
遍历结果如下图:
$(document).ready(function () {
$("#btn1").click(function () {
alert(DisplayItems(objItems));
});
$("#btn2").click(function () {
alert(GetExpandAttr(objItems));
});
});