WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

如何显示 JavaScript 对象

主题:JavaScript / jQuery上一页|下一页

答案:使用 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);

为了更好地缩进输出,您可以选择传递 replacespace 参数,如下所示:

// 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 相关问题解答

以下是与此主题相关的更多常见问题解答:

Advertisements