6

有没有办法让我遍历 Javascript 对象的内置属性？

for...in 让我接近我想去的地方，但是“for...in 循环不会迭代内置属性。”

4

5 回答 5

17

我意识到这个问题已经存在三年了，但是现在，有了 ES5，就有可能：

>>> Object.getOwnPropertyNames(Object)

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

于 2011-08-01T01:43:25.130 回答
5

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

首先是生成所有可能的字符组合以用作测试属性名称（想想：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 );

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

这不会显示未知的不可枚举成员（未记录或由其他脚本设置），但允许您列出可用的本机属性。

我在Mozilla Developer Center和MSDN上找到了有关本机Array属性的信息。

于 2008-11-05T23:49:18.807 回答
0

当您说“内置属性”时，您指的是哪一组属性？

来自 Douglas Crockford 的“JavaScript - The Good Parts”：

for in 语句可以遍历对象中的所有属性名称。枚举将包括所有属性——包括你可能不感兴趣的函数和原型属性——因此有必要过滤掉你不想要的值。最常见的过滤器是 hasOwnProperty 方法和使用 typeof 来排除函数：

var name; 
for (name in another_stooge) 
{
    if (typeof another_stooge[name] !== 'function') {
        document.writeln(name + ': ' + another_stooge[name]);
    } 
}
于 2008-11-04T19:01:45.893 回答
-1

这将适用于 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>
于 2008-11-04T18:48:19.713 回答
-1

不，您不能列出对象的内置属性。但是你可以参考实施者的参考。例如，要了解在 Firefox 上实现的 Math 对象的所有方法和属性，您将使用 Firefox 的 Javascript 数学参考：https ://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Math

于 2010-08-12T15:14:56.043 回答