在前端开发中，我们经常需要对JavaScript中的对象数组进行变换。Lodash是一个流行的JavaScript工具库，提供了丰富的函数来处理对象数组。在本文中，我们将介绍如何使用Lodash来变换对象数组。
使用 _.map 函数
_.map函数可以遍历对象数组，并返回一个新的数组。该函数接受两个参数：第一个参数是要遍历的对象数组，第二个参数是一个回调函数，用于对每个元素进行操作。回调函数会接受三个参数：当前元素、当前索引和整个数组。下面是一个示例代码：
----- ----- - - - --- -- ----- ------ -- - --- -- ----- ------ -- - --- -- ----- ----- - -- ----- ----- - ------------ ---- -- ----------- ------------------- -- -------- ------- ------
上述示例代码中，我们使用_.map函数从用户对象数组中提取所有用户名，并将它们存储在一个新的数组中。
使用 _.filter 函数
_.filter函数可以过滤对象数组中的元素，并返回一个新的数组。该函数接受两个参数：第一个参数是要遍历的对象数组，第二个参数是一个回调函数，用于对每个元素进行操作。回调函数应该返回一个布尔值，表示当前元素是否应该被保留。下面是一个示例代码：
----- ----- - - - --- -- ----- ------- ---- -- -- - --- -- ----- ------- ---- -- -- - --- -- ----- ------ ---- -- - -- ----- ------ - --------------- ---- -- -------- -- ---- -------------------- -- -- --- -- ----- ------- ---- -- -- - --- -- ----- ------- ---- -- --
上述示例代码中，我们使用_.filter函数从用户对象数组中过滤出年龄大于等于18岁的成年人，并将它们存储在一个新的数组中。
使用 _.reduce 函数
_.reduce函数可以对对象数组中的元素进行累加，并返回一个单一的值。该函数接受三个参数：第一个参数是要遍历的对象数组，第二个参数是一个回调函数，用于对每个元素进行操作。回调函数应该返回一个值，表示当前元素的贡献。第三个参数是初始值，用于开始累加。下面是一个示例代码：
----- ----- - - - --- -- ----- ------- ---- -- -- - --- -- ----- ------- ---- -- -- - --- -- ----- ------ ---- -- - -- ----- -------- - --------------- ----- ----- -- --- - --------- --- ---------------------- -- --
上述示例代码中，我们使用_.reduce函数计算所有用户的年龄总和，并将其存储在一个单一的变量中。
使用 _.groupBy 函数
_.groupBy函数可以根据对象数组中的属性对元素进行分组，并返回一个新的对象，其中键是分组的属性值，值是包含该属性的所有元素的数组。下面是一个示例代码：
----- ----- - - - --- -- ----- ------- ---- -- -- - --- -- ----- ------- ---- -- -- - --- -- ----- ------ ---- -- - -- ----- ------------ - ---------------- ------- -------------------------- -- - ----- -- --- -- ----- ------ ---- -- --- ----- -- --- -- ----- ------- ---- -- --- ----- -- --- -- ----- ------- ---- -- -- - --
上述示例代码
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11309