JavaScript如何从数组中提取对象并存储为独立对象？

哈哈，完全懂你找了一小时没头绪的那种着急！其实这个需求超容易实现，给你几种常用的方法：

方法1：直接通过索引取值（最直观） #

这是最基础也最容易理解的方式，直接访问数组的第0位索引就行：

// 假设你的数组是这个样子
const userArray = [
  {
    bio: "Test",
    id: 2,
    image: "http://localhost:8000/media/default.jpg",
    user: 2
  }
];

// 提取出独立对象
const userObject = userArray[0];

现在userObject就是你要的那个脱离数组包裹的独立对象啦。

方法2：ES6解构赋值（更简洁） #

如果你用的是现代JavaScript，解构赋值的写法会更清爽：

const [userObject] = userArray;

这个写法本质上和上面的索引取值是一样的，只是把数组第一个元素直接解构到变量里，代码看起来更简洁优雅。

额外小提示：处理数组为空的情况（可选） #

虽然你说数组里始终有一个元素，但如果担心意外情况（比如接口返回异常），可以给解构赋值加个默认值，避免报错：

const [userObject = {}] = userArray;

这样就算数组为空，userObject也会是一个空对象，不会抛出undefined相关的错误。

方法3：修改原数组的方式（慎用） #

如果你同时想把原数组清空，可以用shift()或者pop()方法，但要注意这两个方法会直接修改原数组：

// shift() 取出第一个元素，原数组会变成空数组
const userObject = userArray.shift();

// 因为数组只有一个元素，pop()取最后一个也能拿到目标对象
const userObject = userArray.pop();

这种方法适合你不需要保留原数组的场景，否则还是推荐前两种不修改原数组的方式。

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