npm 包 just-another-lodash-mixins 使用教程

简介

just-another-lodash-mixins 是一个基于 Lodash 的 npm 包，它提供了一些额外的 Lodash mixins，用于处理数组、对象和函数等常见的数据结构。使用者可以通过安装和引入该包来扩展 Lodash 的功能，从而更加方便快捷地处理数据。

安装

在使用 just-another-lodash-mixins 之前，需要先安装它，方法如下：

npm install just-another-lodash-mixins

引入

在安装完成后，就可以在前端项目中引入该包了，方法如下：

import _ from 'lodash';
import 'just-another-lodash-mixins';

这样，就可以使用 just-another-lodash-mixins 中的所有 mixins 了。

mixins 列表

just-another-lodash-mixins 提供了以下 mixins：

1. chunkBy

chunkBy 接收一个数组和一个函数作为参数，根据函数的返回值对数组进行分组。返回一个以函数返回值为 key、以分组后的数组为 value 的对象。

用法示例：

const arr = ['apple', 'banana', 'cherry', 'date'];
const result = _.chunkBy(arr, (item) => item[0]);
console.log(result);
// => { a: ['apple'], b: ['banana'], c: ['cherry'], d: ['date'] }

2. compactObject

compactObject 接收一个对象作为参数，去除该对象中所有值为 falsy 的属性。返回一个新的对象。

用法示例：

const obj = { name: '', age: 0, city: 'Beijing' };
const result = _.compactObject(obj);
console.log(result);
// => { city: 'Beijing' }

3. toArrayBy

toArrayBy 接收一个对象和一个函数作为参数，根据函数的返回值对对象进行分组，将每组的 value 转化为一个数组。返回一个以函数返回值为 key、以 value 的数组为 value 的对象。

用法示例：

const obj = { apple: 3, banana: 2, cherry: 1, date: 1 };
const result = _.toArrayBy(obj, (value) => value % 2);
console.log(result);
// => { 1: [1, 1, 3], 0: [2] }

4. flatMapDeepWith

flatMapDeepWith 接收一个数组和一个函数作为参数，对数组中的每个元素进行函数操作，然后将所有操作结果扁平化为一个数组。返回一个新的数组。

用法示例：

const arr = [1, 2, 3];
const result = _.flatMapDeepWith(arr, (item) => [item, item * 2]);
console.log(result);
// => [1, 2, 2, 4, 3, 6]

5. toAsync

toAsync 接收一个函数作为参数，返回一个 Promise 化后的新函数。该新函数的参数和原函数相同，当原函数执行完成后，返回 Promise。

用法示例：

const addSync = (a, b) => a + b;
const addAsync = _.toAsync(addSync);
addAsync(1, 2).then(console.log);
// => 3

总结

just-another-lodash-mixins 为 Lodash 提供了一些额外的 mixins，方便了开发者们对数组、对象和函数等数据结构进行处理。在实际开发中，我们可以根据需要选择引入对应的 mixins，从而提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c4681e8991b448e5ca5