如何显示JavaScript对象？

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

与显示对象的格式相同。

当前回答

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

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

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

其他回答

如果要打印对象的全长，可以使用

console.log（require（'util'）.inspect（obj，｛showHidden:false，depth:null｝）

如果要通过将对象转换为字符串来打印该对象，则

console.log（JSON.stringify（obj））；

简单使用

JSON.stringify(obj)

实例

var args_string = JSON.stringify(obj);
console.log(args_string);

alert(args_string);

此外，注意javascript函数被视为对象。

作为补充说明：

实际上，您可以像这样分配新属性并访问它console.log或在警报中显示它

foo.moo = "stackoverflow";
console.log(foo.moo);
alert(foo.moo);

编号：在这些示例中，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.log，如下所示

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

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

我更喜欢使用console.table来获得清晰的对象格式，所以假设您有这个对象：

const obj = {name: 'Alireza', family: 'Dezfoolian', gender: 'male', netWorth: "$0"};

您将看到一张整洁易读的表格，如下所示：

推荐文章