npm 包 @mware/updeep 使用教程

在现代前端开发中，我们经常需要在不修改原始数据的情况下对其进行更新或变换。这也是函数式编程思想在前端领域应用的一种体现。@mware/updeep 就是一个非常好用的函数式工具库，它提供了很多便捷的 API，方便我们对数据进行更新和变换。

安装

我们可以通过 npm 仓库来进行安装：

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

API

updeep(path, updater, object)

这是最基本的 API，用于更新给定对象中的指定数据。

其中，path 表示指定数据的访问路径；updater 表示数据更新函数；object 表示对象本身。

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

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

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

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

updateIn(path, updater, object)

这个 API 跟 updeep 很类似，但它更加灵活，可以用于更新多个嵌套数据。

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

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

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

mergeIn(path, object, base)

这个 API 用于合并给定对象中的指定数据。

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

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

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

adjust(path, updater, object)

这个 API 用于对指定数据进行更新操作，更新函数通过第一个参数接收原始值，返回更新后的值。

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

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

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

map(update, object)

这个 API 用于对数组类型的数据进行批量更新操作。

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

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

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

omit(paths, object)

这个 API 用于从对象中删除指定的属性。

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

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

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

pick(paths, object)

这个 API 用于从对象中选取指定的属性。

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

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

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

总结

@mware/updeep 是一个非常好用的函数式工具库，它可以帮助我们方便地对数据进行更新和变换。在实际项目中，我们可以根据业务需求，灵活使用其中提供的各种 API，从而提高开发效率和代码质量。

示例代码

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

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

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

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

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

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

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

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

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

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

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

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

阅读全文

猜你喜欢

  • npm 包 cnc-vue 使用教程

    在现代前端开发中，npm 是一个非常重要的工具，它为我们提供了海量的库和工具，使得前端开发更加高效且便捷。在众多 npm 包中，cnc-vue 是一个非常优秀的包，它可以帮助我们更加轻松地实现商城中的...

    3 年前
  • npm 包 hypercore-pipe 使用教程

    简介 hypercore-pipe 是一个 npm 包，它提供了一种非常方便的方式，将两个 Hypercores（Hypercore 是一种去中心化的数据存储方式）连接在一起。

    3 年前
  • npm包react-hook-redux使用教程

    简介 React是当前最流行的前端框架之一，React Hook作为React的新特性，可以帮助我们更方便地管理组件状态。但是当我们需要使用Redux来管理应用中的状态时，Redux的用法可能会对我们...

    3 年前
  • npm 包 svgson-next 使用教程

    简介 SVG 是一种矢量图形格式，也是 web 前端开发中常见的一种图像格式，由于它能够实现高清晰度的图像，在前端开发中使用越来越广泛。而 npm 包 svgson-next 则是一个能够将 SVG ...

    3 年前
  • npm 包 @amindunited/read-dir 使用教程

    介绍 在前端开发过程中，经常需要读取文件夹下的所有文件，并对这些文件进行进一步的处理。社区里有不少的 npm 包可以帮助我们实现这个需求，其中就包括 @amindunited/read-dir。

    3 年前
  • npm 包 generator-rollup-three 使用教程

    简介 Generator-rollup-three 是一款用于构建 JavaScript 应用程序和摄像头主要用于拍摄视频、测量距离和定位等功能的工具。它提供了一种简洁、高效的方式，帮助开发者轻松地将...

    3 年前
  • npm 包 make-template 使用教程

    前言 在前端开发过程中，我们经常需要新建项目或者增加一些模板文件。如果每次手动创建，不仅费时费力，还容易出错。此时，我们可以使用一个强大的工具——make-template。

    3 年前
  • npm 包 aaa-dnr-savings 使用教程

    随着 Web 应用的发展，前端技术也在不断更新和完善，npm 包已成为前端开发中不可或缺的工具之一。本文将介绍一个 npm 包 aaa-dnr-savings，该包用于存档和恢复用户输入到网页表单中的...

    3 年前
  • npm 包 raster.css 使用教程

    简介 在前端开发中，设计师和开发者常常需要通过 CSS 来实现页面的样式布局。在许多的 CSS 框架中，常常存在着冗长的代码和不必要的样式。为了解决这个问题，我们可以使用 npm 包 raster.c...

    3 年前
  • npm 包 signalk-tank-monitor 使用教程

    在前端开发中，npm 包扮演着非常重要的角色，npm 包提供了很多丰富的功能和模块，为前端开发者提供了便利。signalk-tank-monitor 就是一种在 npm 上发布的扩展包，它能够快速地对...

    3 年前
  • npm包google-google-cloud-storage-sync使用教程

    简介 Google Cloud Storage是一种基于云的数据存储解决方案，可帮助您保存和共享数据。您可以使用Google Cloud Storage存储非结构化数据，例如文本和二进制数据，以及结构...

    3 年前
  • npm 包 jmaple 使用教程

    简介 jmaple 是一个可以方便地在前端项目中使用日语假名输入的输入法库。它提供了简单易用的 API，可以快速地将用户输入的日语假名转换成对应的汉字，并支持自定义词典。

    3 年前
  • npm 包 spark-ng-pick-datetime 使用教程

    简介 Spark-ng-pick-datetime 是一个基于 AngularJS 的日期时间选择器组件，可以帮助前端开发者快速解决日期时间选择的问题。该组件的特点是使用起来非常简单，且支持自定义配置...

    3 年前
  • npm 包 vue-ui-box 使用教程

    作为一名前端工程师，快速开发高质量的用户界面是不可避免的要求。很多时候，我们会使用许多 CSS 样式库来完成样式的设计工作。但是，这可能会让我们的代码显得松散和不够模块化。

    3 年前
  • npm 包 create-sanajk-ghost 使用教程

    在前端开发中，npm 包是不可或缺的一部分。其中，create-sanajk-ghost 是一个非常实用的 npm 包，它可以帮助我们快速创建 Ghost 博客主题。

    3 年前
  • npm 包 cordova-plugin-qrcodescanner 使用教程

    二维码扫描是我们在前端开发中常常使用的功能。而 cordova-plugin-qrcodescanner 可以帮助我们快速实现这个功能。本文将详细介绍如何使用这个 npm 包。

    3 年前
  • npm 包@orcden/od-mixins 使用教程

    前言 在我们前端的开发环境中，使用工具包已经是司空见惯的事情，而 npm 作为一个 Node.js 的包管理器，也是我们常用的获取工具包的渠道之一。在这其中，@orcden/od-mixins 是一个...

    3 年前
  • npm 包 ya-afterall 使用教程

    简介 ya-afterall 是一个 npm 包，它提供了一个用来处理异步函数的方法。通过 ya-afterall，你可以让异步函数的调用变得更加简洁易懂。 安装 在终端中运行以下命令来安装 ya-a...

    3 年前
  • npm 包 @orcden/od-page-router 使用教程

    对于前端开发人员而言，搭建一个路由是非常必要的。幸运的是，有许多已经构建好的路由，如 Angular 和 React。但是针对小型 Web 项目或没有大型框架的项目，你需要自己构建路由。

    3 年前
  • npm 包 @orcden/od-search-bar 使用教程

    前言 在前端技术栈中，我们经常需要实现搜索框这样的组件。而在实现搜索框时，我们通常需要处理以下几个问题： 搜索框需要支持用户输入关键词，并根据关键词筛选出匹配的结果。

    3 年前

相关推荐

    暂无文章