如何在 JavaScript 中将数组转为对象_js 数组转对象，2024年最新河南省普通高中综合信息管理系统

2401_84185441

于 2024-04-08 19:29:00 发布

阅读量526

点赞数 5

分类专栏： 2024年程序员学习文章标签： javascript 服务器开发语言

本文链接：https://blog.csdn.net/2401_84185441/article/details/137520991

版权

2024年程序员学习专栏收录该内容

61 篇文章 0 订阅

订阅专栏

首先，我们要明白对象具有键和值。

JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。

如果我们想把某个东西转换成一个对象，我们需要传递具有这两个要求的东西：键和值。
满足这些要求的参数有两种类型：

具有嵌套键值对的数组
Map 对象

将数组转为对象

1.Object.fromEntries方法

const newArray = [
  ['key 1', 'value 1'],
  ['key 2', 'value 2']
]
Object.fromEntries(newArray) // { key 1: "value 1", key 2: "value 2"}

2.Map方法

ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。

const map = new Map([
  ['key 1', 'value 1'],
  ['key 2', 'value 2']
])
// 或者我们可以使用实例方法 set
const map = new Map()
map.set('key 1', 'value 1')
map.set('key 2', 'value 2')

Object.fromEntries(map) // { key 1: "value 1", key 2: "value 2"}

3.Reduce方法

const array = [
  ['key1', 'value1'],
  ['key2', 'value2']
]
//或者
const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2']
])
//这个方法好用！
function toObject(pairs) {
  return Array.from(pairs).reduce(
    (acc, [key, value]) => Object.assign(acc, { [key]: value }),
    {}
  )
}

toObject(array) // { key1: 'value1', key2: 'value2' }
toObject(map) // { key1: 'value1', key2: 'value2' }