Object.getOwnPropertyNames（）

Question

使用框架时（在本例中为Phaser.js）我喜欢使用控制台并查找对象的可能属性

Object.getOwnPropertyNames(myObject)

然而，某些属性不会出现在控制台中，我认为是由于该对象不是“拥有 PropertyNames”。还有办法让它们在控制台中显示吗？

我基本上都在寻找像

这样的东西

Object.getAllPropertyNames(myObject)

有人可以帮帮我吗？我是JS新手：）

Answer 1

如果您使用的是Google Chrome的DevTools，则可以通过调用dir(myObject)来查看对象的所有属性：

Answer 2

只需使用for ... in循环遍历所有属性。这也会绕过父母＆＃34;属性。

＆＃13;

＆＃13;

// example data
var o = { 
  a: "a1",
  b: "b1"
}

var parent = { 
  c: "c1",
  d: "d1"
}
// set parent, just for the example
Object.setPrototypeOf(o, parent);
  
// loop over all
for (key in o)
{
  console.log('prop "' + key + '" with value "' + o[key] + '"');
}

＆＃13;

＆＃13;

＆＃13;

嵌套示例：

＆＃13;

＆＃13;

var game =  {
  stage :{
    test1 : 'v1',
    test2 : 'v2'
    
  }
   
}

for (key in game.stage) 
 { console.log(key + '" with value "' + game.stage[key] + '"'); }

＆＃13;

＆＃13;

＆＃13;