前言
在前端开发中，数组是最常用的数据类型之一。在处理大量的数据时，我们常常需要使用一些函数来对数组进行操作和处理。npm 上有很多的工具库可以帮助我们更方便地处理数组，其中就包括 array-utilities 这个库。array-utilities 是一个封装了很多常用数组处理函数的 npm 包，例如过滤、排序、映射、分块等等，可以帮助我们更加便捷地处理数组数据。本文将详细介绍 array-utilities 包的使用方法，并通过示例代码进行讲解。
安装
使用 npm 可以很方便地安装 array-utilities 包：
--- ------- ---------------
安装完成后，你就可以在你的项目中使用它了。
API 文档
chunk(array: any[], size: number): any[][]
将一个数组拆分成多个数组。
------ - ----- - ---- ------------------ ----- ----- - ----- ---- ---- ---- ----- ----- ------------ - ------------ --- -------------------------- -- ------ ----- ----- ----- ------
compact(array: any[]): any[]
过滤掉数组中的 false、null、0、""、undefined 和 NaN。
------ - ------- - ---- ------------------ ----- ----- - ----- ---------- ---- ----- ---- -- ---- ----- -------------- - --------------- ---------------------------- -- ----- ---- ----
filterMap(array: any[], filterFn: Function, mapFn: Function): any[]
对数组进行筛选和映射操作，可以同时执行 filter 和 map 操作。
------ - --------- - ---- ------------------ ----- ----- - --- -- -- -- --- ----- ------------------- - ---------- ------ ---- -- ---- - - --- -- ---- -- ---- - -- -- --------------------------------- -- --- --
findBy(array: any[], key: string, value: any): any
在数组中查找指定的元素。
------ - ------ - ---- ------------------ ----- ----- - - - --- -- ----- ------- -- - --- -- ----- -------- -- - --- -- ----- -------- -- -- ----- ------ - ------------- ----- --- -------------------- -- - --- -- ----- -------- -
groupBy(array: any[], key: string): { [key: string]: any[] }
将数组按照指定属性进行分组。
------ - ------- - ---- ------------------ ----- ----- - - - --- -- ----- -------- ----- ------- -- - --- -- ----- -------- ----- -------- -- - --- -- ----- ------------ ----- -------- -- -- ----- ------ - -------------- -------- -------------------- -- - ------ -- --- -- ----- -------- ----- ------- -- - --- -- ----- -------- ----- -------- --- ---------- -- --- -- ----- ------------ ----- -------- -- -
includes(array: any[], value: any): boolean
判断一个值是否存在于数组中。
------ - -------- - ---- ------------------ ----- ----- - --- -- -- -------- ---------- ----- ------ - --------------- --------- -------------------- -- ----
intersection(...arrays: any[][]): any[]
取多个数组的交集。
------ - ------------ - ---- ------------------ ----- ------ - --- -- -- --- ----- ------ - --- -- -- --- ----- ------ - --- -- -- --- ----- ------ - -------------------- ------- -------- -------------------- -- ---
sortBy(array: any[], key: string, direction: 'asc' | 'desc' = 'asc'): any[]
按照指定属性对数组进行排序。
------ - ------ - ---- ------------------ ----- ----- - - - --- -- ----- -------- -- - --- -- ----- ------- -- - --- -- ----- -------- -- -- ----- ------ - ------------- ------ -------------------- -- -- --- -- ----- ------- -- - --- -- ----- -------- -- - --- -- ----- -------- --
结语
array-utilities 包提供了很多实用的数组处理函数，可以帮助我们更快速地开发前端应用程序。如果还不了解 array-utilities 包的使用方法，赶快在项目中试试吧！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60057c9381e8991b448ebf23