NPM 包 microdash 使用教程

前言

在前端开发过程中,我们经常使用到一些工具库来简化我们的工作流程,比如 lodash、jQuery 等知名的库。但是使用这些工具库也引入了很多无用的代码,导致我们的代码包变得很大。这时候一个轻量级的工具库就派上用场了。今天我们来介绍一个比较小巧的工具库——microdash。

什么是 microdash

microdash 是一个函数式工具库,其 api 设计灵感来自于 lodash 和日常编程中经常使用的高阶函数。与大部分现有的工具库不同,microdash 只提供了一些最基础的功能,代码文件也非常小,让你可以轻松的集成到你的开发项目中。

如何使用 microdash

安装 microdash

microdash 可以通过 npm 包管理器下载安装:

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

使用示例

下面我们来看下使用 microdash 的示例。

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

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

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

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

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

使用文档

microdash 提供了丰富的函数式 api,可以支持数组、对象、字符串等数据结构的处理。下面是 microdash 的使用文档。

数组操作

  • chunk(array, size = 1) 把一个数组分成多个数组,每个数组长度为size。
  • compact(array) 过滤掉数组中的假值,如 false、null、0、""、undefined、NaN。
  • concat(array, ...values) 将多个数组合并成一个数组。
  • difference(array, ...values) 数组差集操作。
  • differenceBy(array, values, iteratee) 数组差集操作,并支持迭代器。
  • drop(array, n = 1) 从左侧删除n个元素,返回删除后的数组。
  • dropRight(array, n = 1) 从右侧删除n个元素,返回删除后的数组。
  • filter(array, predicate) 数组过滤操作。
  • find(array, predicate) 找到数组中第一个符合条件的元素并返回。
  • flatMap(array, iteratee) 执行函数并将结果扁平化至一维数组。
  • flatten(array) 扁平化数组至一维数组。
  • flattenDeep(array) 扁平化数组至任意维度。
  • forEach(array, iteratee) 遍历数组并执行指定函数。
  • groupBy(array, iteratee) 按指定规则对数组进行分组操作。
  • map(array, iteratee) 遍历数组并执行指定的函数。
  • reduce(array, iteratee, accumulator) 按指定规则将数组进行累加操作。
  • some(array, predicate) 数组是否满足条件。
  • orderBy(array, iteratees, orders) 按指定规则对数组进行排序操作,在此基础上可以支持多字段排序等高级操作。
  • uniq(array) 数组去重。
  • uniqBy(array, iteratee) 数组去重,并支持迭代器。
  • zip(...arrays) 将数组按照指定位置合并。

对象操作

  • assign(object, ...sources) 对象合并。
  • keys(object) 返回对象的键数组。
  • values(object) 返回对象的值数组。
  • mapKeys(object, iteratee) 对象中的键进行重构。
  • mapValues(object, iteratee) 对象中的值进行重构。
  • pick(object, paths) 构造一个新对象,该对象一次包含指定的属性。
  • omit(object, paths) 构造一个新对象,该对象不包含指定的属性。
  • clone(object) 克隆指定的对象。

字符串操作

  • camelCase(string) 转换字符串为驼峰式,如 'foo-bar' 转为 'fooBar'。
  • kebabCase(string) 转换字符串为 kebab-case,如 'Foo Bar123' 转为 'foo-bar123'。
  • snakeCase(string) 转换字符串为 snake_case,如 'Foo Bar123' 转为 'foo_bar123'。

总结

microdash 是一个小巧且很实用的函数式工具库,其 API 设计非常灵活,支持数组、对象、字符串等复杂数据结构的处理。刚开始使用 microdash 时可能需要花费一定时间来适应其 API,但使用习惯后,可以在写代码时事半功倍。

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


猜你喜欢

  • NPM 包 solid-ws 的使用教程

    NPM(Node Package Manager)是 Node.js 的包管理工具,允许 JavaScript 开发者在自己的项目中使用他人开发并发布的代码包。其中,solid-ws 是一款基于 We...

    5 年前
  • npm 包 solid-namespace 使用教程

    什么是 solid-namespace solid-namespace 是一个用于 JavaScript 应用程序的 npm 包。它提供了一种创建和管理语义级别的命名体系结构的方法,在 Sematic...

    5 年前
  • npm 包 auth-header 使用教程

    什么是 auth-header auth-header 是一个 npm 包,用于处理 HTTP 协议中的 Authorization 头信息。它可以帮我们方便地获取和设置 Authorization ...

    5 年前
  • npm 包 rsa-unpack 使用教程

    在前端开发中,加解密是一个重要的需求。而 RSA 是一种非常流行的非对称加密算法,它被广泛应用于电子商务、数字证书等场景。 使用 RSA 加密算法,前提是需要有公钥和私钥。

    5 年前
  • npm 包 rsa-pem-to-jwk 使用教程

    介绍 在前端开发中,我们常常需要对数据进行加密处理,其中 RSA 加密是一种流行的加密算法。但是在使用 RSA 加密时,我们需要将密钥转换为特定的格式。本文将介绍一个 npm 包 rsa-pem-to...

    5 年前
  • npm 包 replace-in-file-webpack-plugin 使用教程

    前言 前端开发中,经常会用到一些打包工具来优化代码,例如 webpack。在 webpack 中,我们可以使用一些插件来完成一些开发中常见的任务,例如在代码打包时替换某些字符串。

    5 年前
  • npm 包 solid-auth-client 使用教程

    导言 随着 Web 技术的发展,分布式 Web 逐渐成为 Web 的未来,Solid 作为分布式 Web 的一种实现方式受到越来越多的关注。Solid 的实现采用了一系列的协议及标准来保障数据的安全性...

    5 年前
  • npm 包 solid-rest 使用教程

    什么是 solid-rest solid-rest 是一个用于基于 Solid Web 技术栈的前端应用程序开发的 npm 包。它可以帮助开发者构建可靠、安全和高度可扩展的应用程序,同时尊重用户的数据...

    5 年前
  • npm包fs-readline使用教程

    在Node.js应用程序中,我们常常需要读取文件,并在读取过程中逐行处理文本。其中一个可选的解决方案是使用Node.js自带的文件系统模块(fs模块)和readline模块,这两个模块的使用方法比较繁...

    5 年前
  • npm 包 fs-grep 使用教程

    前言 在前端开发中,文件操作是一个非常常见的需求,例如读取和写入文件、搜索指定内容等等。fs-grep 是一个 Node.js 的 npm 包,提供了在指定目录下搜索指定内容的功能。

    5 年前
  • npm 包 node-mkdirp 使用教程

    前言 在前端开发中,我们会遇到很多需要创建文件夹的场景,比如本地调试时需要创建临时文件夹,或者是将一些图片或音频资源下载到本地需要创建对应的文件夹,这时我们就需要一个方便快捷的工具来创建文件夹。

    5 年前
  • npm 包 wrapper-webpack-plugin 使用教程

    在前端开发中,我们常常需要在打包后的文件中添加一些特定的脚本或者样式,例如一些用于监控或者统计页面访问的脚本。而 wrapper-webpack-plugin 这个 npm 包就提供了一种非常方便快捷...

    5 年前
  • npm 包 rdflib 使用教程

    什么是 rdflib rdflib 是一个 JavaScript 库,根据 RDF 标准来处理数据。RDF 是一种元数据模型,可以用于描述各种资源之间的关系。因此,rdflib 可以被用于处理各种语义...

    5 年前
  • npm 包 owasp-password-strength-test 使用教程

    密码强度是我们在前端开发中经常涉及的一个问题。现在,有许多 npm 包可以用来检测密码的强度。其中一个比较有名的就是 owasp-password-strength-test。

    5 年前
  • npm 包 oidc-op-express 使用教程

    简介 oidc-op-express 是一个基于 Express.js 的 OpenID Connect Provider(OIDC Provider)库。 本文将详细介绍 oidc-op-expre...

    5 年前
  • npm 包 the-big-username-blacklist 使用教程

    在前端开发中,经常需要对用户输入的用户名进行校验。但是,有些用户名是不被允许的,比如包含敏感词,或者已经被占用了。这时候,我们就需要一个黑名单库,来帮助我们判断该用户名是否合法。

    5 年前
  • npm 包 turtle-validator 使用教程

    什么是 turtle-validator turtle-validator 是一个基于 JavaScript 编写的 npm 包,用于进行表单验证。通过使用 turtle-validator,可以方便...

    5 年前
  • npm 包 solid-server 使用教程

    什么是 solid-server Solid 是一种新型的去中心化 Web 应用系统,它基于万维网标准,并赋能用户掌控自己的数据。 solid-server 是 Solid 服务器端的实现,它将用户的...

    5 年前
  • npm 包 monowrap 使用教程

    在前端开发领域,npm 是一个非常重要的资源管理工具。npm 生态系统中有许多非常有用的包,其中 monowrap 就是一款非常实用的 npm 包。本文将介绍 monowrap 的使用。

    5 年前
  • npm 包 log-rotate 使用教程

    前言 在日志文件维护中,日志文件大小的管理一直是一个比较重要的问题。当日志文件过大时,根据不同业务需求的时效性要求,往往需按时间、文件大小、文件数量等方式进行维护。

    5 年前

相关推荐

    暂无文章