npm 包 jsonre 使用教程

阅读时长 5 分钟读完

什么是 jsonre

jsonre 是一个 npm 包,专门用于将 JSON 数据格式化输出,方便用户阅读和查看。jsonre 可以将 JSON 中多余的空格、换行符等无用信息去除,排版清晰,语法高亮,能够快速识别不同数据类型。

安装和使用

安装

使用 npm 命令来安装 jsonre:

使用

使用 jsonre 非常简单,只需要引入 jsonre,将需要格式化的 JSON 数据传入即可。

-- -------------------- ---- -------
----- ------ - ------------------
----- -------- - -
    ----- -------
    ---- ---
    ------- ---------
    ---------- -
        ------- ---------
        ------- ------
        ------ --------- --------
    -
--
------------------------------

输出结果如下:

-- -------------------- ---- -------
-
  ------- -------
  ------ ---
  --------- ---------
  ------------ -
    --------- ---------
    --------- ------
    -------- --------- --------
  -
-

如上所示,jsonre 可以将 JSON 数据输出整齐,结构清晰。

更多用例

嵌套对象

-- -------------------- ---- -------
----- ------ - ------------------
----- -------- - -
    ----- ------
    ------- -------
    -------- -
        ------ ------------------
        ------ -----------
    -
--
------------------------------

输出结果如下:

数组

-- -------------------- ---- -------
----- ------ - ------------------
----- -------- - -
    -
        --- --
        ----- --------
        ------ -
    --
    -
        --- --
        ----- ---------
        ------ ---
    --
    -
        --- --
        ----- ---------
        ------ -
    -
--
------------------------------

输出结果如下:

-- -------------------- ---- -------
-
  -
    ----- --
    ------- --------
    -------- -
  --
  -
    ----- --
    ------- ---------
    -------- ---
  --
  -
    ----- --
    ------- ---------
    -------- -
  -
-

相关配置项

缩进

默认缩进为两个空格,可以通过传入 option 对象配置缩进。

-- -------------------- ---- -------
----- ------ - ------------------
----- -------- - -
    ----- -------
    ---- ---
    ------- ---------
    ---------- -
        ------- ---------
        ------- ------
        ------ --------- --------
    -
--
----- ------ - -
    ------- -
--
---------------------------- ---------

输出结果如下:

-- -------------------- ---- -------
-
    ------- -------
    ------ ---
    --------- ---------
    ------------ -
        --------- ---------
        --------- ------
        -------- --------- --------
    -
-

紧凑输出

可以通过配置 compact 选项来使输出更加紧凑。

-- -------------------- ---- -------
----- ------ - ------------------
----- -------- - -
    ----- -------
    ---- ---
    ------- ---------
    ---------- -
        ------- ---------
        ------- ------
        ------ --------- --------
    -
--
----- ------ - -
    -------- ----
--
---------------------------- ---------

输出结果如下:

总结

使用 jsonre 只需要引入、传递参数,非常方便。在开发过程中,我们经常需要查看 JSON 数据,jsonre 提供了格式化输出的方案,可以提高我们的开发效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600672da0520b171f02e1cf0

纠错
反馈