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