npm 包 jsonre 使用教程

什么是 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


猜你喜欢

  • npm 包 render-as-nested-list 使用教程

    在现代的前端开发中,由于前端应用变得越来越复杂,开发者们需要使用各种工具和库来提高开发效率并保证代码的质量。其中,npm 是前端常用的包管理工具,通过 npm 包,我们能够轻松地安装和使用各种库和插件...

    4 年前
  • npm 包 @krumio/geo-location 使用教程

    在前端开发中,我们经常需要获取并使用地理位置信息。而 npm 包 @krumio/geo-location 提供了一种简便的方式获取该信息。本文将介绍如何安装并使用这个 npm 包。

    4 年前
  • npm 包 @literal-jsx/parser 使用教程

    在前端开发中,使用 npm 可以方便地管理项目所需的各种依赖。其中,@literal-jsx/parser 是一个重要的 npm 包,用于将 JSX 语法解析为 JavaScript 代码。

    4 年前
  • NPM包read-npy-file的使用教程

    1. 什么是read-npy-file read-npy-file 是一个用于读取 .npy 文件的 Node.js 模块。 .npy 是 Python 中用于存储 numpy 数组的一种二进制文件格...

    4 年前
  • npm 包 gatsby-plugin-segment 使用教程

    在现代 web 开发中,跟踪用户行为和使用数据是至关重要的。为了轻松实现这些目标,我们需要一种方便易用的工具。其中一个流行的工具是 Segment,它简化了跟踪用户行为和管理数据的过程。

    4 年前
  • npm 包 react-model-taro 使用教程

    React-Model-Taro 是一个基于 React 和 Taro 框架的状态管理库。它为开发者提供了简单易用且可读性极高的方式来管理 React 应用中的数据状态,同时也支持前端应用开发过程中常...

    4 年前
  • npm 包 generator-blackfox-spa-boilerplate 使用教程

    作为前端开发者,我们每天都要面对复杂的应用,需要架构一个稳定、高效的工程架构来维护项目。generator-blackfox-spa-boilerplate 是一个特别适用于构建单页应用的前端脚手架。

    4 年前
  • npm包 gatsby-remark-images-without-bg 使用教程

    如果你正在使用Gatsby.js进行网站开发,且需要对网站中的图片进行裁剪、优化和压缩,使其更加优美和高效,那么 gatsby-remark-images-without-bg 这个npm包是一个不错...

    4 年前
  • npm 包 blackfox-spa-generator 使用教程

    简介 blackfox-spa-generator 是一个用于生成单页应用(SPA)项目基础结构的 npm 包。它能够快速生成一个包含基本目录结构、配置文件以及依赖包的项目,从而让前端开发者基于此搭建...

    4 年前
  • npm 包 graphql-rate-limit 使用教程

    前置知识 在继续阅读本文之前,您需要具备以下技术储备: 熟悉 JavaScript 语言 熟悉 GraphQL 开发模式 了解 npm 包管理工具 npm 包 graphql-rate-limit...

    4 年前
  • npm 包 @throw./dotenv 使用教程

    在前端开发中,我们经常需要处理一些敏感的数据,比如数据库密码、API 密钥等,这些数据不能被暴露在源代码中。一种解决方案是使用环境变量来保存这些数据。而 dotenv 就是一个用于加载环境变量的 np...

    4 年前
  • npm 包 nrc-contract-tools 使用教程

    在区块链领域中,智能合约是不可缺少的一部分。而 nrc-contract-tools 这个 npm 包,则是帮助开发者更加便捷地创建、测试、部署以及管理他们的智能合约的工具包。

    4 年前
  • npm 包 css-select-parse5-adapter 使用教程

    在 web 开发中,我们经常需要进行 DOM 解析和操作以及对 DOM 中的元素进行选择,这时就需要使用选择器库。其中,css-select-parse5-adapter 是一款实现了 DOM 操作和...

    4 年前
  • npm 包 react-sanfona-keona 使用教程

    简介 React-sanfona-keona 是一个用于构建高效、易于修改和可重用的可折叠面板的 React 组件库,它提供了一些可折叠面板、手风琴、旋转木马等常见的 UI 组件。

    4 年前
  • npm包`stemmlerjs-gatsby-plugin-mailchimp`使用教程

    本文将介绍如何使用stemmlerjs-gatsby-plugin-mailchimp这个npm包,该包的作用是为Gatsby站点添加Mailchimp订阅表单。本文适合有一定前端开发基础的读者,因此...

    4 年前
  • npm 包 material-ui-dropzone-helper 使用教程

    介绍 material-ui-dropzone-helper 是一个基于 Material-UI 和 Dropzone.js 的 npm 包,可以帮助我们在 React 应用中实现文件上传功能。

    4 年前
  • npm 包 legend-modal 使用教程

    在前端开发中,我们经常会使用一些现成的第三方 npm 包来提高开发效率。其中,一个非常优秀的 Modal 弹窗组件库是 legend-modal。在这篇文章中,我们将为大家介绍这个 npm 包的使用方...

    4 年前
  • npm 包 @condor-labs/ec-events-gateway 使用教程

    介绍 @condor-labs/ec-events-gateway 是一个针对企业级事件集成的 npm 包。它提供了一个通用的事件传递 API,可以将事件从源头传送到目标系统中,同时还提供了对传输协议...

    4 年前
  • npm 包 @sugoi/redis 使用教程

    前言 Redis 是一种高性能的非关系型数据库,可用于存储、快速访问和处理数据。在前端开发中,我们通常会用到 Redis 以实现多种功能,例如缓存、消息队列等。本文将介绍前端使用 npm 包 @sug...

    4 年前
  • npm 包 homebridge-webshades 使用教程

    Homebridge 是一款开源的家庭自动化平台,允许用户将非 HomeKit 兼容设备通过桥接器接入 HomeKit 的世界。而 homebridge-webshades 这个 npm 包则是为了将...

    4 年前

相关推荐

    暂无文章