npm 包 ogel 使用教程

什么是 ogel

ogel 是一个简单易用的 npm 包，旨在帮助开发人员更好地处理对象数组的数据操作。它提供了一些常见的数组函数，并且可以自定义一些功能，让开发人员快速处理对象数组数据。

安装 ogel

我们使用 npm 来安装 ogel：

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

使用 ogel

常见函数

ogel 的核心函数如下：

1. average

计算对象数组的平均值，可以针对某一个指定属性进行计算：

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

2. groupBy

根据指定的属性对对象数组进行分组：

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

3. orderBy

根据指定的属性对对象数组进行排序：

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

4. filter

根据指定的条件过滤对象数组：

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

自定义函数

除了以上核心函数之外，ogel 还支持开发人员自定义函数，以满足针对特定业务需要的对象数组操作。举个例子，我们可以自定义一个函数，将数组中所有的价格乘 2：

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

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

链式调用

可以将 ogel 函数链式调用，从而更好地组合实现一些对象数组的操作：

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

总结

ogel 提供了一些常见的对象数组函数，可以帮助开发人员快速处理一些对象数组的操作。同时还支持自定义函数，并支持链式调用。它是一个值得推荐的 npm 包，可以加快开发人员的开发效率。

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

阅读全文

猜你喜欢

  • npm 包 redux-schema-sanitizing-reducer 使用教程

    简介 redux-schema-sanitizing-reducer 是一个用于数据验证和清洗的 Redux reducer 的 npm 包。这个包可以帮助开发者创建一个 reducer，自动地验证和...

    4 年前
  • npm 包 redux-scaffold 使用教程

    概述 redux 是一个非常流行的状态管理库，它能够很好地管理前端应用的状态。但是，redux 的使用方法比较繁琐，需要写很多的代码。为了简化 redux 的使用，我们可以使用一个叫做 redux-s...

    4 年前
  • npm 包 redux-schema-form 使用教程

    简介 Redux-schema-form 是基于 React 和 Redux 的表单生成器，它封装了 Redux 和 react-jsonschema-form 库，使得表单的使用和维护变得异常简单。

    4 年前
  • npm 包 redux-schema-reducer 使用教程

    Redux 是一种流行的 JavaScript 应用程序状态管理库，其中 Reducer 函数用于根据收到的 Action 来更新应用程序状态。redux-schema-reducer 是一个在 Re...

    4 年前
  • npm 包 redux-scoped-actions 使用教程

    前言 在 React/Redux 中，我们常常需要定义 action 类型常量、创建 action 构造函数等，这样的做法虽然简单粗暴，但在大型应用中会变得非常繁琐和难以维护。

    4 年前
  • npm 包 redux-schema 使用教程

    Redux 是一个非常流行的 JavaScript 应用状态管理库。它使我们能够以可预测和一致的方式处理应用程序中的状态，使我们的代码更容易维护和测试。redux-schema 是一个 Redux 库...

    4 年前
  • npm 包 redux-scfld 使用教程

    在前端领域中，很多项目都需要使用到状态管理库。而 redux 就是前端比较流行的状态管理库之一。不过，单纯的使用 redux 可能有些繁琐，因此一些封装了 redux 功能的第三方库应运而生，比如 r...

    4 年前
  • npm 包 redux-log-slow-reducers 使用教程

    概述 redux-log-slow-reducers 是一个 redux 中间件，用于在 reducer 处理过程中检测耗时操作，以便在出现性能问题时进行优化。本文将介绍该中间件的使用方法和一些最佳实...

    4 年前
  • npm 包 redux-log-errors 使用教程

    简介 redux-log-errors 是一个 npm 包，它可以帮助我们在 redux 应用中输出错误日志。当我们的应用出现错误时，redux-log-errors 可以捕获并保存这些错误，并将它们...

    4 年前
  • npm 包 Redux-lunr 使用教程

    Redux-lunr 是一个用于实现 Redux 应用中全文搜索的 npm 包。它基于开源的 JavaScript 全文搜索库 lunr，可以创建具备搜索功能的 Redux store。

    4 年前
  • npm 包 redux-loopback 使用教程

    在前端开发中，我们经常会用到 Redux 和 LoopBack 这两个库来管理数据状态和构建 RESTful API。而使用 redux-loopback 这个 npm 包，可以让我们更加方便快捷地将...

    4 年前
  • npm 包 redux-csp 使用教程

    redux-csp 是一个 JavaScript 库，用于帮助前端开发者更有效地使用基于通道的并发编程方式。它是基于 Redux 和 CSP (Communicating Sequential Pro...

    4 年前
  • npm 包 redux-machine 使用教程

    简介 redux-machine 是一个基于 Redux 的状态机管理库，它提供了一个方便的方式来管理多个状态和状态转换。redux-machine 支持异步状态转换，且与 Redux 设计良好地结合...

    4 年前
  • npm 包 redux-logger-server 使用教程

    redux-logger-server 是一个 npm 包，可以让你同时在客户端和服务器端记录 Redux 中的日志。它可以帮助你更深入地了解 Redux 的工作方式，也可以让你更容易地跟踪应用程序中...

    4 年前
  • Redux 中的 CRUD 操作：redux-crud-reducers

    Redux 中的 CRUD 操作：redux-crud-reducers 在 Web 前端开发中，Redux 是相当常见的数据管理工具。随着项目规模的增大，Redux 的基础功能往往没有办法满足开发需...

    4 年前
  • NPM 包 `redux-crud-store` 的使用教程

    前言 在前端开发中，我们经常需要管理某个实体数据的增删改查操作；为了方便实现这些操作，我们可以使用 redux-crud-store 这个 npm 包。在本文中，我们将学习如何使用 redux-cru...

    4 年前
  • npm包 redux-csrf 使用教程

    前言 在现代 web 应用开发中，跨站请求伪造（CSRF）被认为是一种常见的安全威胁。在前端框架中，Redux 是一种流行的状态管理库，在其中使用 CSRF 防护机制来保护应用程序是一个重要的任务。

    4 年前
  • npm 包 redux-cube-with-immutable 使用教程

    简介 redux-cube-with-immutable 是一个基于 Redux 和 Immutable.js 的状态管理库，能够提供更高效的状态管理和更新。本文将介绍如何使用该库，并为读者提供深层次...

    4 年前
  • npm包redux-cube-with-persist使用教程

    什么是redux-cube-with-persist redux-cube-with-persist是一个用于React应用程序的npm包，它基于Redux和Redux-persist库。

    4 年前
  • npm 包 redux-scripts-manager 使用教程

    前言 随着前端项目变得越来越复杂，管理项目的脚本也就变得越来越重要。redux-scripts-manager 是一个功能较为全面的脚本管理工具，它可以快速生成各种 redux 相关脚本，比如 act...

    4 年前

相关推荐

    暂无文章