如何在 JavaScript 中高效地将对象属性值提取到新数组中？

在 JavaScript 中将对象属性值提取为数组

使用对象数组时，常见任务是从其中提取特定字段值每个对象并创建一个包含这些值的数组。

Naive方法

一种简单的方法是迭代数组并将所需的属性值推入输出数组：

function getFields(input, field) {
  var output = [];
  for (var i = 0; i < input.length; ++i) {
    output.push(input[i][field]);
  }
  return output;
}

优雅的解决方案

但是，还有更优雅、更惯用的方式来执行此操作任务：

Array.map()

Array.map() 是一个内置数组方法，它使用提供的回调函数转换数组的每个元素。这可用于提取属性值：

let result = objArray.map(a => a.foo);

对象解构

如果需要提取多个属性值，可以在映射回调中使用对象解构:

let result = objArray.map(({ foo }) => foo);

这种方式更简洁，更容易阅读。

注释：

• 示例数组包含具有名为“foo”和“bar”属性的对象。您可以将这些名称替换为您需要提取的实际属性名称。
• Array.map() 返回一个包含转换后的值的新数组，因此您无需显式创建输出数组。
• 有关该数组方法的更多信息，可以参考 Array.prototype.map() 文档。

以上是如何在 JavaScript 中高效地将对象属性值提取到新数组中？的详细内容。更多信息请关注PHP中文网其他相关文章！