List Object的内置属性

Question

有没有办法循环Javascript对象的内置属性？

for ... in让我接近我想去的地方,但是"A for ... in循环不会迭代内置属性."

Answer 1

我意识到这个问题已经有三年了,但是现在,使用ES5,它有可能:

>>> Object.getOwnPropertyNames(Object)

["prototype", "getPrototypeOf", "getOwnPropertyDescriptor", "keys", "defineProperty", "defineProperties", "create", "getOwnPropertyNames", "isExtensible", "preventExtensions", "freeze", "isFrozen", "seal", "isSealed", "length", "arity", "name", "arguments", "caller"]

Answer 2

答案是不.您不能枚举不可枚举的属性.然而,至少有两种方法可以解决这个问题.

第一种是生成所有可能的字符组合以用作测试属性名称(想想:a,b,c,... aa,ab,ac,ad,...).鉴于标准社区以提出非常长的方法名称(getElementsByTagNames,propertyIsEnumerable)而闻名,这种方法需要一些耐心.:-)

另一种方法是从某些预定义列表中测试已知的本机属性.

例如:对于array您将测试所有已知的本机属性Function.prototype:

prototype caller constructor length name apply call toSource toString valueOf toLocaleString

...和继承自的东西Object.prototype:

__defineGetter__ __defineSetter__ hasOwnProperty isPrototypeOf __lookupGetter__
__lookupSetter__ __noSuchMethod__ propertyIsEnumerable unwatch watch

...和继承自的东西Array:

index input pop push reverse shift sort splice unshift concat join slice indexOf lastIndexOf 
filter forEach every map some reduce reduceRight

..最后,以及可选的,您正在测试的对象的每个可枚举属性:

for (var property in myArrayObject) myPossibleProperties.push( property );

然后,您将能够测试其中的每一个,以查看它们是否存在于对象实例上.

这不会显示未知的非可枚举成员(未记录,或由其他脚本设置),但允许您列出可用的本机属性.

我Array在Mozilla开发人员中心和MSDN上找到了有关本机属性的信息.

Answer 3

这适用于 JSON。它还没有经过太多测试：

<style>
.tree {
    margin-left:5px;
}
</style>
<div id='out'></div>
<script type="text/javascript">
data = {"feep":{"bar":{"baz":"37628","quux":{"a":"179","b":"7"}},"foo":"1025"},"Bleh":"1234"}
$('out').innerHTML = renderJSON(data)

function renderJSON(obj) {
    var keys = []
    var retValue = ""
    for (var key in obj) {
       //$('out').innerHTML = $('out').innerHTML +"<br />" + key + ", " + obj[key]      
        if(typeof obj[key] == 'object') {
            retValue += "<div class='tree'>" + key                      
            retValue += renderJSON(obj[key])
            retValue += "</div>"
        }
        else {
            retValue += "<div class='tree'>" + key + " = " + obj[key] + "</div>"
        }

       keys.push(key)
    }
    return retValue

}
</script>