JavaScript如何将包含单个对象的数组转换为无嵌套独立对象

你的需求是将仅包含1个对象元素的数组提取为对应对象，以下是几种常用的可行实现方案：

• 方案1：下标直接提取
  这是最直观的实现，因为数组仅有1个元素，直接取下标为0的元素即可得到目标对象：

const transformedData = data[0];

如果需要兼容空数组的边界场景，避免后续访问属性时报错，可以增加兜底逻辑：

const transformedData = data[0] ?? {};

• 方案2：ES6数组解构赋值
  用解构语法提取第一个元素，写法更简洁易读：

const [transformedData] = data;

同样可以添加空数组兜底：

const [transformedData = {}] = data;

• 方案3：生成无引用的全新对象
  如果你需要得到的新对象和原数组内的对象切断引用关系，修改新对象不会影响原数组内容，可以用以下两种方式：
  浅拷贝实现：

const transformedData = Object.assign({}, data[0] ?? {});

简单深拷贝实现（注意无法处理函数、Symbol、循环引用等特殊属性）：

const transformedData = JSON.parse(JSON.stringify(data[0] ?? {}));

• 方案4：pop/shift方法（会修改原数组，慎用）
  如果你不需要保留原数组，可以用数组方法直接取出元素：

// 取出数组最后一个元素，原数组会变为空
const transformedData = data.pop() ?? {};
// 或取出数组第一个元素，原数组会变为空
const transformedData = data.shift() ?? {};

注意：该方案会修改原数组的长度，非必要场景不推荐使用。

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