什么是 json-boom
json-boom 是一个可以让前端开发者在控制台中美观地打印 JSON 数据的 npm 包。它提供了多种打印格式，方便开发者在查看 JSON 数据时更加清晰明了。
在开发过程中，我们经常需要打印出 JSON 数据来检查数据是否符合预期。然而，标准的 console.log() 只能将 JSON 数据以字符串形式直接输出，显示效果并不友好。json-boom 就是为了解决这个问题而生的。
安装
使用 npm 安装 json-boom:
npm install json-boom --save-dev
使用
引入 json-boom 模块：
const boom = require('json-boom');基本用法
通过 boom() 方法可以将 JSON 数据以美观的形式在控制台中进行展示。
const data = {
name: 'Tom',
age: 18
};
boom(data);在控制台中可以看到，json-boom 会自动对对象进行缩进和折叠处理。
多种格式
json-boom 提供了多种打印格式，可以根据需求进行切换。
-- -------------------- ---- -------
----- ---- - -
----- ------
---- ---
-------- -
----------
-----------
--------
-
--
-- -----
---------- ----------
-- ------
---------- --------- ---
-- ----------
---------- ------------
-- ----
---------- --------所有键展开
这种格式下，对象的所有键都会被展开为一行进行显示。
boom(data, 'expand');
展开至第二层
这种格式下，对象的第一层键值对和数组元素以完整形式展示，第二层及以下的数据通过缩进和折叠的方式进行显示。
boom(data, 'expand', 2);
只保留键，值进行折叠
这种格式下，只展示对象的键，值通过折叠的方式进行显示。
boom(data, 'collapse');
单行打印
这种格式下，将 JSON 数据以单行形式进行展示。
boom(data, 'none');
总结
使用 json-boom 可以让我们在控制台中更加清晰明了的查看 JSON 数据。除了基本的使用方法外，还有多种格式可供选择，可以根据开发需求进行切换。在日常开发中，使用 json-boom 可以大大提高我们的开发效率和代码可读性，值得推荐使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601281e8991b448de0f8