npm 包 @calmdownval/json-pointers 使用教程

简介

在前端开发中，很多时候我们需要处理复杂的 JSON 数据。而 @calmdownval/json-pointers 就是一款用于处理 JSON 数据的 npm 包。该包基于 JSON 指针标准规范 RFC 6901，提供了方便快捷的 API，能够轻松地从 JSON 数据中获取、设置、删除数据，并支持通配符等高级操作。

安装

可以通过 npm 安装 @calmdownval/json-pointers：

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

使用

获取数据

假设我们有下面这个 JSON 数据：

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

那么我们可以通过 @calmdownval/json-pointers 提供的 API 来获取其中的某个数据：

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

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

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

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

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

设置数据

我们也可以使用 @calmdownval/json-pointers 来设置 JSON 数据中的某个值：

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

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

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

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

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

其中，setValue 第三个参数为具体要设置的值。

删除数据

和获取、设置数据一样，@calmdownval/json-pointers 也提供了删除数据的方法：

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

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

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

通配符

除了基础的操作之外，@calmdownval/json-pointers 还支持使用通配符来匹配 JSON 数据中的多个值。

*

“*” 匹配 JSON 数据中所有的值：

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

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

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

**

“**” 匹配 JSON 数据中所有的值，并且递归地匹配所有子节点：

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

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

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

..

“..” 匹配 JSON 数据中所有的值，并且递归地匹配所有子节点（不包括根节点）：

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

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

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

总结

@calmdownval/json-pointers 是一款非常实用的 npm 包，在处理复杂的 JSON 数据时能够提供帮助。它支持基本的获取、设置、删除数据，以及高级的通配符匹配功能，能够大大提高开发效率。在使用时需要注意，@calmdownval/json-pointers 仅适用于浅层的 JSON 数据，不能处理嵌套过深的数据。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006734f890c4f7277583861

阅读全文

猜你喜欢

  • npm 包 migrate-mongoose 使用教程

    介绍 在前端开发中，使用 NoSQL 数据库是一个常见的需求。MongoDB 是一个广受欢迎的 NoSQL 数据库，而在使用 MongoDB 时，大部分的前端开发者都会使用 mongoose 这个库来...

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

    什么是 msal-react？ msal-react 是一个使用 Microsoft Authentication Library (MSAL) 提供的功能进行身份验证和授权的库。

    4 年前
  • npm 包 @jbuschke/react-msal 使用教程

    随着用户权限和数据保护的重要性日益增加，许多应用程序都需要用到身份验证和授权的功能。Microsoft 的身份鉴别和授权服务 Microsoft Authentication Library（MSAL...

    4 年前
  • npm 包 jss-css-loader 使用教程

    jss-css-loader 是一个 npm 包，它提供了将 JSS 模块编译为 CSS 模块的功能。通过使用 jss-css-loader，你可以将 JSS 模块用于编写样式，并且能够实现样式的热替...

    4 年前
  • npm 包 @chocolateboy/parcel-plugin-nunjucks 使用教程

    介绍 在前端开发中，我们经常需要使用模板引擎来快速地生成 HTML。Nunjucks 是一个非常常用的模板引擎，它使用类似 Jinja2 的语法，具有非常强大的功能和扩展性。

    4 年前
  • npm 包 midi-parser-js 使用教程

    MIDI 是一种数字音频格式，常用于电子乐器的演奏和音乐制作。然而，MIDI 文件通常以二进制格式被存储，难以理解和编辑。midi-parser-js 是一个 npm 包，它可以将 MIDI 文件解析...

    4 年前
  • npm包lisher使用教程

    npm是世界上最大的软件库之一，其中包含了许多优秀的JavaScript模块。然而，由于数量巨大，它的文件结构可能会很混乱，特别是当您需要发布自己的npm包时。为了帮助开发人员更好地管理他们的npm包...

    4 年前
  • npm 包 @specialblend/iterable 使用教程

    本文将介绍一个便捷的 npm 包 @specialblend/iterable，在前端页面开发过程中使用该包可让代码更加简洁且易于维护。本文旨在提供一个深入的教程以及示例代码，帮助读者了解如何使用该包...

    4 年前
  • npm 包 @enzee/redux-funk 使用教程

    前言 随着前端应用的复杂度增加，状态管理也变得愈发重要。Redux 作为目前前端最流行的状态管理工具之一，在许多公司和项目中得到了广泛的应用和认可。@enzee/redux-funk 是一个基于 Re...

    4 年前
  • npm 包 fabric-rx-cqrs 使用教程

    前言 fabric-rx-cqrs 是一个基于 RxJS 和 EventSourcing 的轻量级 CQRS 库，用于构建可扩展和易于维护的应用程序。在本文中，我们将介绍如何使用该 npm 包，包括安...

    4 年前
  • npm 包 la-react-component 使用教程

    最近在开发前端项目的时候，我遇到了一个很好用的 npm 包 la-react-component，它提供了一系列常用的 React 组件，可以大大简化我们的开发流程。

    4 年前
  • npm 包 @alexseitsinger/react-ssr-webpack-config 使用教程

    简介 @alexseitsinger/react-ssr-webpack-config 是一个使用 webpack 配置 React 服务器端渲染（SSR）的 npm 包。

    4 年前
  • 前端开发中必知的 npm 包 - alvarocamillont

    什么是 npm 包 alvarocamillont？ NPM 是一个 JavaScript 包管理器，具有丰富的扩展库能够帮助前端开发者更快、更高效地编写代码并调用第三方库。

    4 年前
  • npm 包 kova.js 使用教程

    在前端开发中，我们经常需要使用各种各样的库和框架来辅助我们的工作。其中，npm 是前端开发中非常流行的包管理工具，而 kova.js 则是一款强大的 npm 包，能够帮助我们更加高效地开发前端项目。

    4 年前
  • npm 包 @martinleejones/gatsby-source-contentful 使用教程

    在进行 Gatsby 开发时，@martinleejones/gatsby-source-contentful 这个 npm 包非常有用。它提供了一个 Contentful 数据源，并可以与 Gats...

    4 年前
  • NPM 包 censorify-yogesh-new 使用教程

    在前端开发中，我们经常需要使用第三方包来加速开发效率、添加新功能以及增强应用程序的安全性。其中，NPM 是一个非常流行的包管理器，它可以帮助我们快速安装和使用各种包。

    4 年前
  • npm 包 keeper-proxy 使用教程

    简介 Keeper-proxy 是一款基于 Node.js 实现的代理服务器，主要用于处理接口请求的代理，方便开发人员在本地进行接口联调。Keeper-proxy 可以用于前端面向后端的开发、前后端联...

    4 年前
  • npm-jest-coverage-pckg 使用教程

    介绍 在前端开发中，测试是非常重要的一部分，而 Jest 是一个非常流行的 JavaScript 测试框架。npm-jest-coverage-pckg 是一个 Jest 插件，它可以帮助我们生成测试...

    4 年前
  • npm 包 @danah/react-hook-scrollto 使用教程

    在前端开发中，滚动行为是非常常见的需求。当我们需要将页面滚动到某个元素或者位置时，可以使用 @danah/react-hook-scrollto 这个 npm 包来实现。

    4 年前
  • npm 包 forkmeon.github.io 使用教程

    前言 随着移动互联网的不断发展，在线网站的前端开发也愈加重要，前端技术也随之不断繁荣。npm 是一个非常流行的 JavaScript 包管理器，通过它可以快速安装各种各样的依赖包来提高开发效率。

    4 年前

相关推荐

    暂无文章