首页 > web前端 > js教程 > 如何在 JavaScript 中将对象数组转换为单个对象?

如何在 JavaScript 中将对象数组转换为单个对象?

Susan Sarandon
发布: 2024-12-07 09:48:12
原创
213 人浏览过

How Can I Convert an Array of Objects into a Single Object in JavaScript?

将对象数组转换为单个对象

在 JavaScript 中,可以使用 object 来实现将对象数组转换为单个对象解构和reduce()方法。考虑以下对象数组:

[
  { key: '11', value: '1100' },
  { key: '22', value: '2200' }
]
登录后复制

解决方案:

要将此数组转换为所需的对象,请按照下列步骤操作:

  1. 使用reduce()方法迭代数组并累加key-value pairs:
const object = arr.reduce((obj, item) => {
  return Object.assign(obj, { [item.key]: item.value });
}, {});
登录后复制
  1. Object.assign() 方法将第二个对象的属性(在本例中为 { [item.key]: item.value })合并到第一个对象(obj 累加器)。
  2. obj 的初始值是一个空对象,因此第一次迭代使用存储在item.key 属性。同样,第二次迭代将 22 属性与 item.value 中的值相加。
  3. 结果对象被分配给对象变量。

输出:

使用对象变量将产生所需的输出:

{
  "11": "1100",
  "22": "2200"
}
登录后复制

这个解决方案有效地将对象数组转换为具有所需键值对的单个对象。

以上是如何在 JavaScript 中将对象数组转换为单个对象?的详细内容。更多信息请关注PHP中文网其他相关文章!

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