如何从 JavaScript 中的对象数组中提取特定属性？

如何从对象数组中提取特定属性

在 JavaScript 中，您可能会遇到拥有一组对象的情况，每个对象都包含大量属性，但您只需要选择几个进行进一步处理。本指南深入研究了提取这些所需属性并创建仅包含这些指定属性的新数组的技术。

为了说明这一点，请考虑以下假设的对象数组：

<code class="javascript">const dummyArray = [
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    { "att1": "something", "att2": "something", /* … */, "att100": "something" },
    // …
];</code>

方法一：使用对象解构

对象解构允许您从对象中提取特定属性并将其分配给 new变量。通过利用这种技术，您可以创建一个仅包含所需属性的新数组：

<code class="javascript">const result = dummyArray.map(({ att20, att30, att70, att80 }) => ({
  att20, 
  att30, 
  att70, 
  att80
}));</code>

在此示例中，map() 方法迭代 dummyArray 中的每个对象并返回一个仅包含以下属性的新对象：属性 att20、att30、att70 和 att80。

方法 2：使用删除运算符

您还可以有选择地从每个对象中删除不需要的属性并保留所需的属性：

<code class="javascript">const newDummyArray = dummyArray.map(function(item) { 
    delete item.att1; 
    // …
    return item; 
});</code>

在这种方法中，删除运算符用于删除不需要的属性，留下仅修改后的数组 newDummyArray 中必要的。

以上是如何从 JavaScript 中的对象数组中提取特定属性？的详细内容。更多信息请关注PHP中文网其他相关文章！