json字符串怎么输出

JSON字符串是一种非常常见的数据格式，在前端中使用的频率非常高。在实际开发中，有时候需要输出JSON字符串进行调试，本文将介绍如何在前端页面中输出JSON字符串。

// 定义JSON字符串
var str = '{"name":"小明","age":18,"sex":"男"}';

// 将JSON字符串转换成JSON对象
var obj = JSON.parse(str);

// 将JSON字符串转换成格式化的字符串
var formatStr = JSON.stringify(obj,null,4);

// 输出JSON字符串
console.log(str); 

// 输出JSON对象
console.log(obj); 

// 输出格式化后的JSON字符串
console.log(formatStr);

在上面的代码中，首先定义了一个JSON字符串，然后使用JSON.parse()方法将其转换成JSON对象。接着使用JSON.stringify()方法将JSON对象转换成格式化后的字符串，并传入一个null值作为参数，代表不需要过滤任何元素，以及一个缩进值4，代表每行缩进4个空格。最后通过console.log()方法输出JSON字符串、JSON对象以及格式化后的JSON字符串。

在网页中输出JSON字符串，可以通过console.log()方法将其输出到浏览器控制台中。也可以使用alert()方法或者将其插入到页面DOM元素中进行输出。例如：

// 使用alert()方法输出JSON字符串
alert(str);

// 将JSON字符串插入到DOM元素中输出
var ele = document.getElementById("output");
ele.innerHTML = str;

通过上述方法，就可以在前端页面中输出JSON字符串了。