前言
前端开发中，经常会需要对数组或对象进行操作，其中一个常见的操作就是按某个属性进行索引/分组，以方便后续的处理。而在 JavaScript 中，则可以使用 lodash 库中的 indexBy 方法来实现这一功能。不过，lodash 的体积较大，而且可能并不需要使用它的其他功能。此时，就可以考虑使用 npm 包 index-by，它是一个轻量级的库，专门用于按属性值索引/分组数组或对象。
安装
在使用 index-by 前，需要先安装它。可以使用 npm 或 yarn 进行安装：
npm install index-by 或者 yarn add index-by
安装完成后，就可以在项目的代码中引入它了：
import indexBy from 'index-by';
使用方法
按属性值索引数组
在使用 indexBy 对数组进行按属性值索引时，需要提供两个参数：数组和要索引的属性名。例如，有如下的学生数组：
const students = [ { id: 1, name: 'Alice', age: 18 }, { id: 2, name: 'Bob', age: 17 }, { id: 3, name: 'Charlie', age: 19 }, ];
要按照学生 ID 将数组索引，可以这样调用 indexBy：
const studentsById = indexBy(students, 'id');
调用完成后，studentsById 应该为以下对象：
{ 1: { id: 1, name: 'Alice', age: 18 }, 2: { id: 2, name: 'Bob', age: 17 }, 3: { id: 3, name: 'Charlie', age: 19 }, }
可以看到，每个学生对象都被按照其 ID 进行索引。
按属性值索引对象
在使用 indexBy 对对象进行按属性值索引时，需要提供两个参数：对象和要索引的属性名。例如，有如下的学生对象：
const students = { '1': { id: 1, name: 'Alice', age: 18 }, '2': { id: 2, name: 'Bob', age: 17 }, '3': { id: 3, name: 'Charlie', age: 19 }, };
要按照学生 ID 将对象索引，可以这样调用 indexBy：
const studentsById = indexBy(students, 'id');
调用完成后，studentsById 应该为以下对象：
{ 1: { id: 1, name: 'Alice', age: 18 }, 2: { id: 2, name: 'Bob', age: 17 }, 3: { id: 3, name: 'Charlie', age: 19 }, }
可以看到，每个学生对象都被按照其 ID 进行索引。
更多功能
除了按属性值进行索引/分组外，index-by 还提供了一些其他的功能，如按多个属性值进行索引、根据指定条件进行过滤等。这些功能可以通过在调用 indexBy 时传递第三个参数来实现，具体可以参考官方文档 https://github.com/joliss/js-index。在这里就不一一介绍了。
示例代码
以下是一个完整的使用 index-by 进行按属性值索引的示例代码：
-- -------------------- ---- ------- ------ ------- ---- ----------- ----- -------- - - - --- -- ----- -------- ---- -- -- - --- -- ----- ------ ---- -- -- - --- -- ----- ---------- ---- -- -- -- ----- ------------ - ----------------- ------ -------------------------- -- - -- -- - --- -- ----- -------- ---- -- -- -- -- - --- -- ----- ------ ---- -- -- -- -- - --- -- ----- ---------- ---- -- -- -- -展开代码
结语
index-by 是一个轻量级、专门用于按属性值索引/分组的库，使用它可以避免引入 lodash 等体积较大的库。相信在实际开发中，使用它可以提高开发效率，同时也更加符合模块化、轻量化的思想。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb483b5cbfe1ea06112cc
