prototype与expando属性的遍历

 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));

});

});