Vue更改数组/对象位置或层次结构

Question

现在mounted函数内部的vue调用napi并获取teambytime2的值。当它使用api获取值时，它看起来像

下面是用于获取数据并将其传递到this.teamByTime2的axios获取url。

axios.get(https://usemyapi90.com/currentDate).then(response => 
      (
        this.teamByTime2 = response.data
      ));

获取的数据结构低于

> teamByTime2
  >> 0
    >>> Booker
    >>> Player
    id
    updatedAt
    enter code here

  >> 1
    >>> Booker
    >>> Player
    id
    updatedAt

关于如何在Booker内移动Player的对象结构的任何建议吗？

> teamByTime2
  >> 0
    >>> Player
     >>>> Booker
    id
    updatedAt
    enter code here

  >> 1
    >>> Player
      >>>> Booker
    id
    updatedAt

Answer 1

如果您有权访问api代码，则可以直接修改数据输出，如果您没有访问权限，则可以执行以下操作：

for(let i=0; i < response.data.length; i++){
   let item = data[i]
   item.Booker.Player = item.Player
  
  //if you wanna delete from main object 
   delete item.Player
  
  //push in the array
   this.teamByTime2.push(item)
}