如何显示 JavaScript 对象？

一尘不染

如何显示 JavaScript 对象？

javascript

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

我想显示对象的格式相同。

阅读 311

2022-02-15

一尘不染

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

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

将显示：

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

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

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

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

2022-02-15

一尘不染

使用本机JSON.stringify方法。适用于嵌套对象，所有主流浏览器都支持此方法。

str = JSON.stringify(obj);
str = JSON.stringify(obj, null, 4); // (Optional) beautiful indented output.
console.log(str); // Logs output to dev tools console.
alert(str); // Displays output using window.alert()

链接到Mozilla API 参考和其他示例。

obj = JSON.parse(str); // Reverses above operation (Just in case if needed.)

2022-02-15

如何显示 JavaScript 对象？

共2个答案