如何显示 JavaScript 对象
答案:使用 console.log()
或 JSON.stringify()
方法
如果您只是想了解对象内部的内容以进行调试,则可以使用 console.log()
方法。 此方法将在浏览器控制台中打印对象。
示例
/* Sample object */
var obj = {name: "John", age: 28, gender: "Male"};
/* 在控制台中打印对象 */
console.log(obj);
如果您打开浏览器控制台,您将看到类似于 figure 的输出。
要打开专用控制台面板:按 Ctrl+Shift+J
(Windows / Linux) 或 Cmd+Opt+J
(Mac)。
或者,您也可以使用 JSON.stringify()
方法在网页或浏览器控制台上打印对象。 让我们试试下面的例子,看看它是如何工作的:
示例
/* Sample object */
var obj = {name: "John", age: 28, gender: "Male"};
/* 将对象转换为 JSON 字符串 */
var str = JSON.stringify(obj);
/* 打印字符串 */
document.write(str);
console.log(str);
为了更好地缩进输出,您可以选择传递 replace 和 space 参数,如下所示:
示例
/* Sample object */
var obj = {name: "John", age: 28, gender: "Male"};
/* 将对象转换为 JSON 字符串 */
var str = JSON.stringify(obj, null, 4); /* indented with 4 spaces */
/* 打印字符串 */
document.getElementById("output").innerHTML = str;
console.log(str);
请参阅 JavaScript 对象
上的教程,了解有关创建和操作对象的更多信息。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答: