如何在 Angular JS 中显示对象的所有属性？答案

【问题标题】：How to display all properties of an object in Angular JS?如何在 Angular JS 中显示对象的所有属性？
【发布时间】：2018-09-24 08:28:37
【问题描述】：

我有一个对象，比如说对象 obj。 Obj 有几个属性（int id、布尔状态等），我知道我想访问一些属性。但是因为我不知道我在哪里定义了这个对象，所以我想知道使用 console.log 显示对象所有属性的最佳方式。

大家好，当我尝试使用console.log(obj); 时，它不起作用。这就是我发布这个问题的原因。出于某种原因，在我的申请中；它返回 obj obj 而不是属性或让我打开属性。我还没有尝试过console.log(JSON.stringify(obj));，但是console.log(Object.getOwnPropertyNames(intended_obj)); 命令完全按照预期工作。

【问题讨论】：

只是console.log(obj)。任何现代浏览器都会以一种很好的方式打印它，以便您可以浏览属性。注意：console.log 与 Angular 无关，这只是 Javascript
当我运行它时，它会以 obj obj 的形式返回。这就是为什么我认为这可能是 Angular JS 的事情；这就是发布问题的原因。
你能创建一个 plunker 或 stackblitz 来演示这个吗？另外，您使用的是哪个浏览器？
我使用的是谷歌浏览器，并且我已经找到了答案并将其发布在下面。
另外，也感谢您的帮助

标签： angularjs

【解决方案1】：

您也可以使用console.table(obj)。根据MDN：

// an object whose properties are strings
function Person(firstName, lastName){
  this.firstName = firstName;
  this.lastName = lastName;
}

var me = new Person("John", "Smith");
console.table(me);

浏览器控制台：

【讨论】：

【解决方案2】：

所以正确的答案是使用 console.log(Object.getOwnPropertyNames(intended_obj)); 这将在一个数组中列出对象的所有属性！

【讨论】：

【解决方案3】：

使用 console.log(JSON.stringify(obj)) 显示对象的正确 json 字符串。

【讨论】：