首页 > web前端 > js教程 > 如何从 JavaScript 中的对象数组中提取特定属性?

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

Linda Hamilton
发布: 2024-11-01 06:15:31
原创
681 人浏览过

How to Extract Specific Properties from an Array of Objects in 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板