如何用Lodash将对象数组转换为指定键值对数组？

嘿，我懂你的需求啦！你现在用_.map(Products, '_id')得到的是['xx1', 'xx2', 'xx3']这样的字符串数组，但你想要的是每个元素都包含product字段的对象数组对吧？

为什么原来的写法不行？ #

当你给_.map传递字符串'_id'时，Lodash会直接提取每个对象的_id属性值，返回的是这些值组成的数组，而不是包含该值的新对象。

两种正确的实现方式 #

方式一：使用箭头函数自定义返回对象

这是最直观的方式，给_.map传入一个回调函数，手动构造每个新对象：

const Products = [ 
  {_id: 'xx1', name: 'p1', sku: 's1'}, 
  {_id: 'xx2', name: 'p2', sku: 's2'}, 
  {_id: 'xx3', name: 'p3', sku: 's3'} 
];

let productArray = _.map(Products, item => ({ product: item._id }));

注意：箭头函数直接返回对象时，要把对象用括号()包裹起来，否则JavaScript会把{}当成函数体的花括号，而不是对象字面量。

方式二：利用Lodash的对象映射语法

Lodash的_.map支持传入对象作为第二个参数，对象的键是你想要的新字段名，值是原对象中对应的属性路径，这种写法更简洁：

let productArray = _.map(Products, { product: '_id' });

验证结果 #

两种方式最终都会得到你想要的结果：

// productArray 输出：
[ {product: 'xx1'}, {product: 'xx2'}, {product: 'xx3'} ]

内容的提问来源于stack exchange，提问作者elvin