Javascript:如何从数组中提取对象,然后将其存储在分解的对象中?

时间:2020-07-09 15:01:27

标签: javascript arrays reactjs object

这可能是一个非常简单的问题,但是我没有在最后一个小时找到答案。我有以下数组,该数组始终在索引0中包含一个对象。为方便以后使用,我想从数组中删除该对象并将其直接存储为单个对象。即该对象不应再包装在数组中。

当前状态:阵列

Array(1)
0:
   bio: "Test"
   id: 2
   image: "http://localhost:8000/media/default.jpg"
   user: 2

目标:对象

Object
   bio: "Test"
   id: 2
   image: "http://localhost:8000/media/default.jpg"
   user: 2

1 个答案:

答案 0 :(得分:2)

您可以只将数组的第一个值分配给一个变量。请记住,数组只是存储对对象的引用,该引用可以存储在变量中,并可以通过这种方式进行交互。

var arr = [
  {
    bio: "Test",
    id: 2,
    image: "http://localhost:8000/media/default.jpg",
    user: 2
  }   
]

var obj = arr[0] // obj stores a reference to the object in arr

console.log(obj)

如果要使用数组外部的对象而不修改数组中的对象,则可以使用传播运算符“复制”它。

var arr = [
  {
    bio: "Test",
    id: 2,
    image: "http://localhost:8000/media/default.jpg",
    user: 2
  }   
]

var obj = {...arr[0]} // obj stores a reference to an object identical to arr[0]

console.log(obj)