npm 包 pull-json-doubleline 使用教程

前言

在前端开发中,数据的处理是不可避免的。而 JSON 是一种常见的数据格式,当我们需要从一个 JSON 文件或 API 中获取数据时,我们通常会使用 fetch()axios 等 HTTP 请求库来获取数据,并使用 JSON.parse() 将数据转换成 JavaScript 对象。

然而,在实际开发中,我们可能会遇到 JSON 嵌套了多层、字段数量较多的情况,需要通过递归或循环来深度遍历 JSON 并获取我们需要的数据,这个过程可能会比较繁琐和复杂。

为了简化这个过程,我们可以使用 pull-json-doubleline 这个 npm 包来轻松地获取嵌套 JSON 中的数据。

pull-json-doubleline 简介

pull-json-doubleline 是一个简单易用的 npm 包,它提供了一个解析 JSON 数据的方法 pullJsonDoubleLine,该方法可以一次性获取 JSON 中指定的多个字段的值,并且支持在字段名之间使用双下划线 __ 进行多层嵌套。

安装

可以通过 npm 安装 pull-json-doubleline,在命令行中运行以下命令:

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

使用方法

基础用法

假设我们有以下的 JSON 数据:

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

如果我们需要获取 nameprovincestreet 这三个字段的值,我们可以使用 pullJsonDoubleLine 方法:

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

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

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

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

在上面的例子中,我们调用了 pullJsonDoubleLine 方法,并将 JSON 数据和需要获取的字段名作为参数传入。方法返回的结果是一个对象,包含了从 JSON 数据中获取的指定字段的值。

注意其中的 address__provinceaddress__street,它们是在 address 对象中嵌套的字段,使用双下划线进行连接。

数组字段

pull-json-doubleline 也支持获取数组中的字段,例如:

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

我们可以获取 addresses 数组中,所有对象的 province 字段的值:

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

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

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

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

方法返回的结果中,addresses__province 是一个数组,包含了所有对象的 province 字段的值。

默认值

如果需要获取的字段不存在于 JSON 数据中,可以使用默认值来避免出现错误。例如:

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

我们想要获取 district 字段的值,但是这个字段在 JSON 数据中不存在。可以使用默认值来设置它的默认值:

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

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

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

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

在上面的例子中,我们将 address__district 字段设置了默认值 '未知',当 JSON 数据中不存在该字段时,方法返回的结果中,该字段将会是默认值。

总结

pull-json-doubleline 是一个简单易用的 npm 包,可以帮助我们快速地获取嵌套 JSON 中的数据。它支持使用双下划线在字段名之间进行多层嵌套,并且可以获取数组中的字段。此外,我们还可以使用默认值来避免出现错误。在实际开发中,使用该包可以极大地提高我们的开发效率。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedacc7b5cbfe1ea0610b1f


猜你喜欢

  • npm 包 pull-inactivity 使用教程

    简介 pull-inactivity 是一款基于 pull-stream 模式的 JavaScript 库,用于检测输入流是否处于空闲状态。 在前端开发中,经常会遇到需要判断用户输入是否完成,以便进行...

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

    如果你正在开发一个 web 应用程序,你可能已经意识到了前端开发使用了大量的 JavaScript 包和库。当你开始对依赖项进行构建和部署时,你会发现其中一个重要的问题是如何管理它们。

    4 年前
  • npm 包 muxrpc-usage 使用教程

    介绍 muxrpc-usage 是一个基于 muxrpc 协议的 npm 模块,它允许你在不同的浏览器窗口之间进行数据交换,并快速构建分布式应用程序。本篇文章将会介绍如何使用 muxrpc-usage...

    4 年前
  • npm 包 multiserver-scopes 使用教程

    如果你是前端开发人员,那么一定会对 npm 包的使用非常熟悉。在一个复杂的项目中,可能会使用很多包来实现不同的功能。但是,如果你的项目中有多个服务器,你可能会遇到以下问题: 各个服务器上的版本不同步...

    4 年前
  • npm 包 continuable-series 使用教程

    前言 随着前端工程化的发展,npm 包成为了前端必备的工具之一。这些包不仅提供了许多实用工具和框架,还能帮助开发者提升代码质量和开发效率。本文将介绍一个名为 continuable-series 的 ...

    4 年前
  • npm 包 pull-traverse 使用教程

    在前端开发中,数据处理和遍历常常是必不可少的。然而,在 JavaScript 中,处理和遍历数据时,我们需要写许多丑陋而复杂的代码。但是现在,有一个名为 pull-traverse 的 npm 包可以...

    4 年前
  • npm 包 pull-fs 使用教程

    介绍 pull-fs 是一个用于 Node.js 环境下的操作文件系统的 npm 包,它基于 pull-stream 构建,实现了响应式的文件系统 API。 使用 pull-fs 包可以极大地简化文件...

    4 年前
  • npm 包 pull-glob 使用教程

    介绍 在前端开发过程中,我们经常需要操作文件,而利用 node.js 的 fs 模板可以操作本地文件,但是当需要操作大量文件时,手动一个一个操作是非常麻烦的。此时,我们可以使用 glob 这个工具来帮...

    4 年前
  • npm 包 shs1-crypto 使用教程

    前言 在前端开发中,加密与解密是很常见的需求,但是在实际开发中,涉及到的加密算法及其细节往往复杂,不仅仅是业务本身的复杂度,同时还有加密本身的困难度。在这种情况下,我们可以使用第三方的库来简化我们的开...

    4 年前
  • npm 包 shs1-test 使用教程

    背景 在前端开发过程中,我们经常会使用各种 npm 包来提高开发效率。其中,shs1-test 是一款基于 Node.js 平台的全栈测试工具库,为用户提供了便捷的单元测试、E2E 测试以及基于 Se...

    4 年前
  • npm 包 test-secret-handshake 使用教程

    前言 npm 包 test-secret-handshake 是一个用于测量加密算法性能的工具,特别适合于前端开发者在开发安全相关的应用程序时使用。它可以帮助开发者测试 SHA-256、HMAC、AE...

    4 年前
  • npm 包 secret-handshake 使用教程

    secret-handshake 是一个十分有用的 npm 包,它可以让你以加密的方式和他人进行通讯,保证通讯过程的安全和保密性。该包中用到的加密算法是 Curve25519 而且还支持前置密钥协商(...

    4 年前
  • npm 包 continuable 使用教程

    什么是 continuable continuable 是一个 npm 包,它是一个用于异步编程的库。它提供了一种容易使用的方式来处理异步函数的返回值,如回调函数或 Promise。

    4 年前
  • npm 包 pull-write-file 使用教程

    前言 在前端开发中,文件操作是常见的需求,尤其是在 Node.js 开发中更是如此。而使用 npm 包可以方便地完成我们的文件操作需求。本文将介绍一款优秀的 Node.js 文件操作 npm 包 pu...

    4 年前
  • npm 包 separator-escape 使用教程

    简介 在前端开发中,我们常常需要处理字符串,其中一个常见的问题是如何处理分隔符。在字符串中,经常会出现用作分隔符的特殊字符,例如逗号、空格、冒号等等。这些特殊字符可能会导致程序解析出错或者产生意外的结...

    4 年前
  • npm 包 continuable-hash 使用教程

    在前端开发中,我们经常需要用到散列函数(hash function)来对数据进行加密或验证,而 continuable-hash 就是一个非常实用的 npm 包,能够帮助我们快速生成散列值。

    4 年前
  • npm 包 continuable-list 使用教程

    continuable-list 是一个在 Node.js 环境下使用的 npm 包,它提供了一个能够按照一定规则分页获取数据的工具。在现代 web 应用中,我们经常需要从后端通过 API 获取数据并...

    4 年前
  • npm 包 continuable-para 使用教程

    在前端开发中,我们常常需要用到异步编程。在处理异步编程中,我们需要考虑回调函数嵌套,代码复杂性的问题。为了解决这些问题,出现了一种叫做 continuable 的函数式异步编程的形式。

    4 年前
  • NPM 包 Chloride 使用教程

    Chloride 是一个 node.js 的加密库。它提供了高级别的 API 来实现密码学安全,支持公钥、私钥对、哈希、加密和解密功能。本篇文章将会教您如何在 node.js 中使用 Chloride...

    4 年前
  • npm 包 ipv4-peers 使用教程

    介绍 ipv4-peers 是一个基于 Node.js 的 npm 包,可以方便地获取本地 IP 地址,并扫描指定网段内的主机的 IPv4 地址。获取的 IP 地址可以用于建立对等网络。

    4 年前

相关推荐

    暂无文章