在JavaScript开发中，我们经常需要从一个对象数组里提取所有对象中某个字段的值，生成一个只包含该字段值的数组。这种操作常被称为pluck。虽然一些工具库（如Lodash）曾提供专门的pluck方法，但现代JavaScript已经可以通过简洁的原生方法实现相同功能。
什么是pluck
pluck这个名称源自函数式编程，意为从一个集合中“摘取”某个属性。pluck接收两个参数：一个对象数组和一个属性名，返回一个由该属性值组成的新数组。例如，有一个用户列表，你想提取所有用户的姓名。
const users = [
{ id: 1, name: 'Alice', age: 25 },
{ id: 2, name: 'Bob', age: 30 },
{ id: 3, name: 'Charlie', age: 35 }
];
// 预期结果：['Alice', 'Bob', 'Charlie']
使用Lodash的pluck（旧版本）
Lodash曾提供一个专门的_.pluck方法，语法非常直观：
const result = _.pluck(users, 'name'); // ['Alice', 'Bob', 'Charlie']
但在Lodash 4.x版本中，_.pluck被移除，官方推荐使用_.map配合属性字符串方式：
const result = _.map(users, 'name'); // 结果与pluck相同
如果你仍在维护旧项目，请根据Lodash版本选择合适的API。
原生JavaScript实现pluck
方法一：使用Array.map
这是最常见、最简洁的方式：
const names = users.map(user => user.name); // ['Alice', 'Bob', 'Charlie']
如果需要更通用，可以封装一个函数：
function pluck(arr, key) {
return arr.map(item => item[key]);
}
pluck(users, 'name');
// ['Alice', 'Bob', 'Charlie']
方法二：使用Array.reduce
reduce也可以实现，虽然代码稍长但灵活性更高：
const names = users.reduce((acc, user) => {
acc.push(user.name);
return acc;
}, []);
封装成通用函数：
function pluckReduce(arr, key) {
return arr.reduce((result, item) => {
result.push(item[key]);
return result;
}, []);
}
方法三：使用传统的for循环
如果必须兼容非常老的浏览器（如IE 8以下），或者需要更底层的控制，可以使用for循环：
function pluckFor(arr, key) {
var result = [];
for (var i = 0; i < arr.length; i++) {
result.push(arr[i][key]);
}
return result;
}
注意现代开发中几乎不需要再这样做。
处理嵌套属性与缺失值
有时需要提取嵌套属性（如user.address.city），或者有些对象可能缺失该属性。这时可以借助可选链操作符?.保证代码健壮：
const usersWithAddr = [
{ name: 'A', address: { city: 'Beijing' } },
{ name: 'B', address: null },
{ name: 'C' }
];
const cities = usersWithAddr.map(u => u?.address?.city);
// ['Beijing', undefined, undefined]
如果希望过滤掉undefined值，可以链式调用.filter()：
const validCities = usersWithAddr .map(u => u?.address?.city) .filter(city => city !== undefined); // ['Beijing']
性能对比与小贴士
在大多数情况下，Array.map的性能足够好且可读性最佳。如果你需要频繁调用pluck，建议将其封装成工具函数并提前缓存属性键名，避免重复查找。以下是使用Function.prototype.call的另一种高阶实现（供参考）：
const pluck = (key) => (arr) => Array.prototype.map.call(arr, item => item[key]);
const getName = pluck('name');
getName(users); // ['Alice', 'Bob', 'Charlie']
总结
现在你已经掌握了在JavaScript中实现pluck的多种方式。无论是直接使用Array.map，还是封装成通用函数，甚至处理嵌套属性，都可以轻松应对。推荐优先使用原生map方法，它简洁高效且无需额外依赖。如果项目仍在用Lodash，务必注意版本差异，使用_.map替代已移除的_.pluck。
JavaScriptpluck对象数组提取属性Lodash修改时间：2026-06-08 19:54:26