npm 包 immupdate 使用教程

什么是 immupdate

immupdate 是一种用于更新 JavaScript 嵌套对象的工具。它采用了无副作用的方式，使得原始数据始终保持不变，与其他的 JavaScript 更新工具不同。 immupdate 支持普通 JavaScript 对象和 Immutable.js 数据结构，并提供了一些实用的方法，比如数组和列表的操作和 JSON 对象的提取。

安装 immupdate

可以通过 npm 安装 immupdate，执行以下命令：

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

immupdate 的基本用法

immutable 数组

下面的示例演示了如何使用 immupdate 对数组进行操作：

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

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

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

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

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

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

immutable 对象

下面的示例演示了如何使用 immupdate 对对象进行操作：

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

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

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

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

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

immutable 列表

下面的示例演示了如何使用 immupdate 对列表进行操作：

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

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

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

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

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

简单的 JSON 提取

下面的示例演示了如何使用 immupdate 快速提取 JSON 对象的属性：

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

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

总结

本文介绍了 immupdate 的基本用法，包括操作数组、对象和列表，以及如何使用 immupdate 快速提取 JSON 对象的属性。这些示例可以帮助你快速上手使用 immupdate，提高 JavaScript 对象的更新效率。

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

阅读全文

猜你喜欢

  • npm 包 @types/resize-observer-browser 使用教程

    什么是 Resize Observer？ Resize Observer 是一个可以观察一个元素的尺寸变化的 API。它可以让你检索任何元素的尺寸变化，而不需要使用 window.onresize 事...

    4 年前
  • npm包@activfinancial/middleware使用教程

    在前端领域，有很多常用功能都有对应的npm包，我们可以轻松地借用这些包的代码来完成我们的开发。@activfinancial/middleware就是这样的一个npm包，它为我们提供了一种非常简便的数...

    4 年前
  • npm 包 @types/promise.prototype.finally 使用教程

    前言 Promise.prototype.finally() 是 ES2018 规范引入的 Promise 原型链上的方法，由于 Promise 的状态一旦确定，就无法更改，因此需要使用 Promis...

    4 年前
  • npm 包 @file-services/path 使用教程

    在前端开发过程中，路径处理是一个非常常见的操作。而 @file-services/path 是一个非常实用的 npm 包，它提供了一些简单但非常实用的函数来处理路径，以便我们更轻松地进行相关操作。

    4 年前
  • npm 包 @file-services/memory 使用教程

    在前端开发中，我们经常需要处理文件和文件系统相关的操作。而 @file-services/memory 是一个非常方便的 npm 包，它提供了内存中的文件系统，可以在内存中快速的读写文件，不需要实际的...

    4 年前
  • npm 包 @angular-builders/jest 使用教程

    前言 在前端开发过程中，测试是非常重要的环节。而在 Angular 应用中，使用 Jest 进行单元测试的需求是非常普遍的。@angular-builders/jest 是一个能够使我们在 Angul...

    4 年前
  • npm 包 @abp/utils 使用教程

    在前端开发过程中，我们经常需要使用一些工具包来帮助我们快速开发。可以说，这些工具包是前端开发的必需品。一个好用的工具包不仅能够提高我们的开发效率，而且能够减少我们的重复劳动，提升我们的工作质量。

    4 年前
  • npm 包 @file-services/node 使用教程

    什么是 @file-services/node @file-services/node 是一个 Node.js 包，它提供了一组跨平台的文件系统 API，方便我们在 Node.js 环境下对文件进行操...

    4 年前
  • npm 包 @ngxs/router-plugin 使用教程

    在前端开发中，路由是页面导航的核心，它可以让用户在页面间快速切换，完成所需操作。@ngxs/router-plugin 是一个用于 Angular 应用中的路由插件，它可以帮助我们更加便捷和高效地管理...

    4 年前
  • npm 包 @file-services/types 使用教程

    在前端开发中，我们经常需要使用不同的文件操作工具来处理文件。为了更好地管理文件操作相关的代码，我们可以使用 npm 包 @file-services/types 提供的文件类型定义实现更高效的编码。

    4 年前
  • npm 包 @file-services/utils 使用教程

    在前端开发中，文件操作是一个必不可少的环节，而在实现文件操作时使用一些工具包可以大大的提高开发效率。@file-services/utils 就是这样一个优秀的工具包， 它提供了一系列在文件操作中常用...

    4 年前
  • npm 包 @file-services/overlay 使用教程

    简介 @file-services/overlay 是一个非常实用的 npm 包。它可以让开发者在文件系统中动态创建一个虚拟文件系统，以便方便地管理、操作文件和目录。

    4 年前
  • npm 包 @ngxs/storage-plugin 使用教程

    在 Angular 应用中使用状态管理工具 NGXS 时，我们时常需要将一些状态信息存储在浏览器的本地 Storage 中，以便实现数据的持久化。而 npm 包 @ngxs/storage-plugi...

    4 年前
  • npm 包 @jsdevtools/coverage-istanbul-loader 使用教程

    简介 在前端开发中，代码覆盖率是一项非常重要的指标。通过统计代码覆盖率，可以确定哪些代码没有被测试，从而提高代码质量，减少可能出现的 bug。而要统计代码覆盖率，就需要用到一些工具，比如 Istanb...

    4 年前
  • npm 包 parse5-sax-parser 使用教程

    npm 包 parse5-sax-parser 使用教程 在前端开发过程中，解析 HTML 这一过程显得尤为重要。而 parse5-sax-parser 这个 npm 包便是解析 HTML 的一个好帮...

    4 年前
  • npm 包 @ngxs/store 使用教程

    在现代的前端开发中，状态管理是一个非常关键的问题。前端实现的复杂性越来越高，数据状态的维护会变得越来越困难，这个时候我们就需要一个可靠、高效的状态管理方案。@ngxs/store 是一个非常优秀的状态...

    4 年前
  • npm 包 just-clone 使用教程

    相信前端工程师都知道，代码复用是非常重要的一件事情，它可以提高代码的可维护性和开发效率。在前端开发中，我们会经常用到一些优秀的第三方库和插件，这也就需要我们了解 npm 包管理工具和它的使用方法。

    4 年前
  • npm 包 just-compare 使用教程

    在前端开发中，我们经常需要对两个对象或数组进行比较，以实现不同的功能。通常我们会写大量重复的代码来比较它们，这会浪费我们大量的时间和精力。为此，我们可以使用 npm 包 just-compare 来帮...

    4 年前
  • npm 包 snq 使用教程

    在 JavaScript 开发中，我们经常需要处理复杂的嵌套数据。snq 是一个非常方便的 npm 包，它可以让我们轻松地对嵌套数据进行数据提取操作。本文将详细介绍 snq 的使用方法，包括基本用法、...

    4 年前
  • npm 包 @vue/cli-test-utils 使用教程

    前言 随着前端技术的不断发展，测试也成为 web 应用开发中不可缺少的一部分。而在 Vue 项目中，@vue/cli-test-utils 是一个非常好用的测试工具。

    4 年前

相关推荐

    暂无文章