Vue изменить позицию или иерархию массива / объекта

Question

Прямо сейчас vue внутри mounted функция вызывает напи и получает значение для teambytime2. Когда он извлекает значения с помощью api, он выглядит как

Ниже указан ax ios получить URL-адрес, используемый для извлечения данных и их передачи. на this.teamByTime2.

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)
}