Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何格式化接收到的JSON以使其看起来漂亮?_Javascript_Node.js_Json_Ecmascript 6 - Fatal编程技术网

Javascript 如何格式化接收到的JSON以使其看起来漂亮?

Javascript 如何格式化接收到的JSON以使其看起来漂亮?,javascript,node.js,json,ecmascript-6,Javascript,Node.js,Json,Ecmascript 6,我得到了一个对象数组并显示在屏幕上,但是数据并不漂亮,如何设置缩进格式,一切都很漂亮,告诉我如何使用js或某种库来实现这一点 const express=require('express'); const Database=require('./db'); 常量app=express(); 常数端口=3000; const db=新数据库(); 使用(express.json()); app.get('/gallery',(请求,res)=>{ db.pictures().then(数据=>{

我得到了一个对象数组并显示在屏幕上,但是数据并不漂亮,如何设置缩进格式,一切都很漂亮,告诉我如何使用js或某种库来实现这一点

const express=require('express');
const Database=require('./db');
常量app=express();
常数端口=3000;
const db=新数据库();
使用(express.json());
app.get('/gallery',(请求,res)=>{
db.pictures().then(数据=>{
const pictures=JSON.parse(数据);
res.send(图片)
})

});您可以使用JsonLint来美化json

您可以使用JsonLint美化json 试试看

res.send(JSON.stringify(pictures, null, 4);    // stringify with 4 spaces at each level
取自

使用JSON.stringify从后端或客户端格式化

JSON.stringify需要更多的时间

我建议在客户端生成它,因为您可以使用原始JSON来呈现页面。

试试看

res.send(JSON.stringify(pictures, null, 4);    // stringify with 4 spaces at each level
取自

使用JSON.stringify从后端或客户端格式化

JSON.stringify需要更多的时间


我建议在客户端生成它,因为您可以使用原始JSON来呈现页面。

人类可读的

事实上,我不知道为什么我们要以Json格式向用户显示数据,但这是您的要求,所以我将继续使用它

这里有一些有用的答案和注释,可以让您在屏幕上显示格式良好的json

如果您希望以实际的人类可读形式以一种简单的方式显示json数据,那么这个答案将增加一点优势。如果你觉得有必要,你可以用这个

它接受json输入,并将结构化数据作为输出。示例如下:


人类可读的

事实上,我不知道为什么我们要以Json格式向用户显示数据,但这是您的要求,所以我将继续使用它

这里有一些有用的答案和注释,可以让您在屏幕上显示格式良好的json

如果您希望以实际的人类可读形式以一种简单的方式显示json数据,那么这个答案将增加一点优势。如果你觉得有必要,你可以用这个

它接受json输入,并将结构化数据作为输出。示例如下:


有一些扩展可供chrome使用。例如:JSONView也是一个很好的替代方案,这个“在屏幕上”在哪里?这是它在浏览器窗口中的显示方式吗?@estus是的,这是浏览器窗口中的屏幕嗯。。。将
内容类型
设置为
aplication/json
,让浏览器为您处理格式设置?有一些扩展可供chrome使用。例如:JSONView也是一个很好的替代方案,这个“在屏幕上”在哪里?这是它在浏览器窗口中的显示方式吗?@estus是的,这是浏览器窗口中的屏幕嗯。。。将
内容类型
设置为
应用程序/json
,让浏览器为您处理格式设置?OP要求的是javascript代码不是外部网站OP要求的是javascript代码不是外部网站