什么是 jsonre
jsonre 是一个 npm 包,专门用于将 JSON 数据格式化输出,方便用户阅读和查看。jsonre 可以将 JSON 中多余的空格、换行符等无用信息去除,排版清晰,语法高亮,能够快速识别不同数据类型。
安装和使用
安装
使用 npm 命令来安装 jsonre:
npm install jsonre --save
使用
使用 jsonre 非常简单,只需要引入 jsonre,将需要格式化的 JSON 数据传入即可。
-- -------------------- ---- ------- ----- ------ - ------------------ ----- -------- - - ----- ------- ---- --- ------- --------- ---------- - ------- --------- ------- ------ ------ --------- -------- - -- ------------------------------
输出结果如下:
-- -------------------- ---- ------- - ------- ------- ------ --- --------- --------- ------------ - --------- --------- --------- ------ -------- --------- -------- - -
如上所示,jsonre 可以将 JSON 数据输出整齐,结构清晰。
更多用例
嵌套对象
-- -------------------- ---- ------- ----- ------ - ------------------ ----- -------- - - ----- ------ ------- ------- -------- - ------ ------------------ ------ ----------- - -- ------------------------------
输出结果如下:
{ "name": "Bob", "gender": "male", "contact": { "email": "bob@example.com", "phone": "123456789" } }
数组
-- -------------------- ---- ------- ----- ------ - ------------------ ----- -------- - - - --- -- ----- -------- ------ - -- - --- -- ----- --------- ------ --- -- - --- -- ----- --------- ------ - - -- ------------------------------
输出结果如下:
-- -------------------- ---- ------- - - ----- -- ------- -------- -------- - -- - ----- -- ------- --------- -------- --- -- - ----- -- ------- --------- -------- - - -
相关配置项
缩进
默认缩进为两个空格,可以通过传入 option 对象配置缩进。
-- -------------------- ---- ------- ----- ------ - ------------------ ----- -------- - - ----- ------- ---- --- ------- --------- ---------- - ------- --------- ------- ------ ------ --------- -------- - -- ----- ------ - - ------- - -- ---------------------------- ---------
输出结果如下:
-- -------------------- ---- ------- - ------- ------- ------ --- --------- --------- ------------ - --------- --------- --------- ------ -------- --------- -------- - -
紧凑输出
可以通过配置 compact 选项来使输出更加紧凑。
-- -------------------- ---- ------- ----- ------ - ------------------ ----- -------- - - ----- ------- ---- --- ------- --------- ---------- - ------- --------- ------- ------ ------ --------- -------- - -- ----- ------ - - -------- ---- -- ---------------------------- ---------
输出结果如下:
{"name":"Lily","age":28,"gender":"female","education":{"degree":"Master","school":"PEK","major":"Computer Science"}}
总结
使用 jsonre 只需要引入、传递参数,非常方便。在开发过程中,我们经常需要查看 JSON 数据,jsonre 提供了格式化输出的方案,可以提高我们的开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600672da0520b171f02e1cf0