前言
在前端开发中，数组是最常用的数据类型之一。在处理大量的数据时，我们常常需要使用一些函数来对数组进行操作和处理。npm 上有很多的工具库可以帮助我们更方便地处理数组，其中就包括 array-utilities 这个库。array-utilities 是一个封装了很多常用数组处理函数的 npm 包，例如过滤、排序、映射、分块等等，可以帮助我们更加便捷地处理数组数据。本文将详细介绍 array-utilities 包的使用方法，并通过示例代码进行讲解。
安装
使用 npm 可以很方便地安装 array-utilities 包：
npm install array-utilities
安装完成后，你就可以在你的项目中使用它了。
API 文档
chunk(array: any[], size: number): any[][]
将一个数组拆分成多个数组。
import { chunk } from 'array-utilities';
const array = ['a', 'b', 'c', 'd', 'e'];
const chunkedArray = chunk(array, 2);
console.log(chunkedArray); // [['a', 'b'], ['c', 'd'], ['e']]compact(array: any[]): any[]
过滤掉数组中的 false、null、0、""、undefined 和 NaN。
import { compact } from 'array-utilities';
const array = ['a', undefined, 'b', null, 'c', 0, ''];
const compactedArray = compact(array);
console.log(compactedArray); // ['a', 'b', 'c']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
判断一个值是否存在于数组中。
import { includes } from 'array-utilities';
const array = [1, 2, 3, 'apple', 'banana'];
const result = includes(array, 'apple');
console.log(result); // trueintersection(...arrays: any[][]): any[]
取多个数组的交集。
import { intersection } from 'array-utilities';
const array1 = [1, 2, 3, 4];
const array2 = [3, 4, 5, 6];
const array3 = [4, 5, 6, 7];
const result = intersection(array1, array2, array3);
console.log(result); // [4]sortBy(array: any[], key: string, direction: 'asc' | 'desc' = 'asc'): any[]
按照指定属性对数组进行排序。
-- -------------------- ---- ------- ------ - ------ - ---- ------------------ ----- ----- - - - --- -- ----- -------- -- - --- -- ----- ------- -- - --- -- ----- -------- -- -- ----- ------ - ------------- ------ -------------------- -- -- --- -- ----- ------- -- - --- -- ----- -------- -- - --- -- ----- -------- --
结语
array-utilities 包提供了很多实用的数组处理函数，可以帮助我们更快速地开发前端应用程序。如果还不了解 array-utilities 包的使用方法，赶快在项目中试试吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c9381e8991b448ebf23