简介
lodash.map 是一个常用的 JavaScript 工具库 Lodash 中的方法，它提供了一种快速、简单和灵活的方式来对数组或对象进行映射转换。使用 lodash.map 可以避免手动编写循环代码或者使用原生的 Array.map 方法时需要的 null/undefined 值判断。
在前端开发中，经常需要对一些数据进行处理，比如从后端接口返回的数据进行过滤或者格式化等操作，而 lodash.map 正好提供了这样的能力。
本文将深入讲解 lodash.map 的使用方法，希望读者可以通过本文掌握该工具的使用技巧，并且在实际项目中得到应用。
安装
lodash.map 是 Lodash 库的一部分，因此需要先安装 Lodash 才能使用该方法。可以通过 NPM 或 Yarn 进行安装：
--- ------- ------ - -- --- -- ---- --- ------ - -- ---- --
安装完成后，在需要使用的文件中引入 lodash/map 方法即可：
------ --- ---- ------------- -- --- ----- ----- --- - ---------------------- -- -------- -----
使用方法
lodash.map 接受两个参数：要映射的数组或对象和映射函数。映射函数接受三个参数：当前元素、当前索引和整个数组或对象。
示例代码如下：
----- ----- - - - --- -- ----- ------- -- - --- -- ----- ----- -- - --- -- ----- --------- -- -- ----- ----- - ---------- ---- -- ----------- ------------------- -- --------- ------ ----------
上述代码中，我们定义了一个数组 users，包含了三个用户对象。然后使用 map 方法，将 users 数组转换为一个只包含用户名字的新数组 names。
除了数组，lodash.map 也可以用于对象。它会遍历对象的所有属性，对每个属性执行映射函数，并返回一个新的对象。
----- --- - - -- - ----- ------- -- -- - ----- ----- -- -- ----- ----- - -------- - -- -------- ------------------- -- --------- ------
高级使用
除了基本的映射功能之外，lodash.map 还提供了一些高级用法，下面列举几个常见的场景。
过滤 null/undefined 值
如果要过滤掉数组中的 null 或 undefined 值，可以在映射函数中加入判断逻辑，如下所示：
----- ------- - --- -- ----- -- ---------- ---
----- ------- - ------------ - -- -
-- -- -- ----- - -- -- ---- - ---------
------ ----
-
------ - - --
---
--------------------- -- --- -- ---- -- ---- ---在上述代码中，我们判断了当前元素是否为 null 或 undefined，并将其转换为 NaN。
使用对象属性进行映射
有时候，需要使用对象的某个属性进行映射，可以使用 Lodash 提供的 property 方法来简化代码。
----- ----- - - - --- -- ----- ------- -- - --- -- ----- ----- -- - --- -- ----- --------- -- -- ----- --- - ---------- ------------------ ----------------- -- --- -- --
在上述代码中，我们使用了 _.property('id') 来获取每个用户
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/41652