如何显示JavaScript对象？

如何以字符串格式显示JavaScript对象的内容，就像我们警告变量时一样？

与显示对象的格式相同。

当前回答

显示对象内容的一种简单方法是使用console.log，如下所示

console.log("Object contents are ", obj);

请注意，我没有使用“+”连接对象。如果我使用“+”，那么我将只得到If对象的字符串表示，类似于[Objectobject]。

其他回答

如果要打印用于调试的对象，请使用以下代码：

var obj = {
  prop1: 'prop1Value',
  prop2: 'prop2Value',
  child: {
    childProp1: 'childProp1Value',
  },
}
console.log(obj)

将显示：

注意：您只能记录对象。例如，这不起作用：

console.log('My object : ' + obj)

注意：您也可以在log方法中使用逗号，然后输出的第一行将是字符串，之后将呈现对象：

console.log('My object: ', obj);

编号：在这些示例中，yourObj定义了要检查的对象。

首先，我最不喜欢但最常用的显示对象的方式：

这是显示对象内容的实际方式

console.log(yourObj)

将产生如下结果：

我认为最好的解决方案是查看对象关键点，然后查看对象值，如果您真的想查看对象的内容。。。

console.log(Object.keys(yourObj));
console.log(Object.values(yourObj));

它将输出如下内容：（上图：存储在对象中的键/值）

如果您使用的是ECMAScript 2016或更高版本，还有一个新选项：

Object.keys(yourObj).forEach(e => console.log(`key=${e}  value=${yourObj[e]}`));

这将产生整洁的输出：前面的回答中提到的解决方案：console.log（yourObj）显示了太多的参数，并且不是显示所需数据的最方便用户的方式。这就是为什么我建议分别记录键和值。

下一步：

console.table(yourObj)

有人在之前的评论中建议过这个，但它从来没有对我起过作用。如果它对其他人在不同的浏览器或其他东西上起作用，那就太好了！我仍将代码放在此处以供参考！将向控制台输出如下内容：

console.dir（对象）：

显示指定JavaScript对象的财产的交互式列表。此列表允许您使用公开三角形来检查子对象的内容。

请注意，console.dir（）特性是非标准的。查看MDN Web文档

var output = '';
for (var property in object) {
  output += property + ': ' + object[property]+'; ';
}
alert(output);

如果要使用alert打印对象，可以执行以下操作：

alert（“myObject是”+myObject.toSource（））；

它应该以字符串格式打印每个属性及其对应的值。

推荐文章