在前端开发中，使用 es6 模块化基本已经是标配了。在使用 es6 模块化的过程中，我们经常需要进行各种各样的操作，比如：合并、拆分、去重等等。为了方便我们进行这些操作，npm 社区提供了 es-modules-utils 这个 npm 包来简化我们的操作。
安装
es-modules-utils 可以通过 npm 安装：
npm install es-modules-utils --save
使用
1. 导入
使用 import 导入 es-modules-utils：
import { someFunction } from 'es-modules-utils';2. API
es-modules-utils 包括以下 API：
2.1 removeDuplicates(arr: Array<string>): Array<string>
这个函数用于去重数组中的重复项。
import { removeDuplicates } from 'es-modules-utils';
const arr = ['foo', 'foo', 'bar', 'baz', 'baz'];
const result = removeDuplicates(arr);
console.log(result); // ['foo', 'bar', 'baz']2.2 sortAlphabetically(arr: Array<string>): Array<string>
这个函数用于按字母顺序对数组进行排序。
import { sortAlphabetically } from 'es-modules-utils';
const arr = ['foo', 'bar', 'baz'];
const result = sortAlphabetically(arr);
console.log(result); // ['bar', 'baz', 'foo']2.3 chunkArray(arr: Array<any>, chunkSize: number): Array<Array<any>>
这个函数用于把数组按照指定的大小划分成多个子数组。
import { chunkArray } from 'es-modules-utils';
const arr = [1, 2, 3, 4, 5];
const result = chunkArray(arr, 2);
console.log(result); // [[1, 2], [3, 4], [5]]2.4 flattenArray(arr: Array<any>): Array<any>
这个函数用于把二维数组转为一维数组。
import { flattenArray } from 'es-modules-utils';
const arr = [[1, 2], [3, 4], [5]];
const result = flattenArray(arr);
console.log(result); // [1, 2, 3, 4, 5]2.5 sortByProperty(arr: Array<any>, prop: string): Array<any>
这个函数用于按照对象属性对数组进行排序。
-- -------------------- ---- ------- ------ - -------------- - ---- ------------------- ----- --- - - - ----- ------ ---- -- -- - ----- ------ ---- -- -- - ----- ------ ---- -- -- -- ----- ------ - ------------------- ------- -------------------- -- - - ----- ------ ---- -- -- - ----- ------ ---- -- -- - ----- ------ ---- -- -- - --
意义
es-modules-utils 省去了我们自己编写各种操作 es6 模块的代码，极大地提高了开发效率。同时，它也让我们的代码更加可维护，可读性更强。
结语
通过本文的介绍，相信你已经了解了 es-modules-utils 这个 npm 包的使用方法，希望它能够帮助你更高效地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600552cb81e8991b448d031b