如何将仅包含单个对象元素的数组转换为普通对象？

以下是JavaScript环境下的常用实现方式：

1. 直接通过数组索引取值 #

这是最直接高效的写法，直接取数组下标为0的元素即可：

// 原数组
const sourceArr = [{...}]
// 转换得到目标对象
const targetObj = sourceArr[0]

// 兼容空数组的防错写法，空数组时返回空对象避免后续报错
// const targetObj = sourceArr[0] ?? {}

2. 数组解构赋值 #

写法更简洁，可读性更高：

const sourceArr = [{...}]
const [targetObj] = sourceArr

// 兼容空数组的防错写法
// const [targetObj = {}] = sourceArr

注意事项 #

如果后续操作需要修改新生成的对象、且不希望影响原数组中的原始对象，可以加上浅拷贝逻辑：

// 基于索引写法的浅拷贝
const targetObj = {...sourceArr[0]}
// 基于解构写法的浅拷贝
const [rawObj] = sourceArr
const targetObj = {...rawObj}

内容的提问来源于stack exchange，提问作者kkkkkkkkkkkkkkkkk