如何獲取陣列內的物件并將其添加到父物件

我有這樣的資料：

data = {
  data: [
    {
      Email: '[email protected]',
      name: 'dsadas',
      amount: '43.243.434',
      date: '22 Januari 2022',
    },
    {
      Email: '[email protected]',
      name: 'akdasd',
      amount: '3.234',
      date: '12 Februari 2022',
    },
    {
      Email: '[email protected]',
      name: 'dasdasd',
      amount: '234.324',
      date: '10 Februari 2022',
    }
  ]
}

我想獲取里面的第一個陣列資料data并將其添加到父物件。

這是我所期望的：

data = {
  Email: '[email protected]',
  name: 'dsadas',
  amount: '43.243.434',
  date: '22 Januari 2022',
  data: [
    {
      Email: '[email protected]',
      name: 'dsadas',
      amount: '43.243.434',
      date: '22 Januari 2022',
    },
    {
      Email: '[email protected]',
      name: 'akdasd',
      amount: '3.234',
      date: '12 Februari 2022',
    },
    {
      Email: '[email protected]',
      name: 'dasdasd',
      amount: '234.324',
      date: '10 Februari 2022',
    }
  ]
}

我正在嘗試使用地圖并推送到物件但仍然沒有運氣

如何解決？

如果還不夠，請告訴我您是否需要更多資訊

uj5u.com熱心網友回復：

您可以在此處簡單地使用擴展運算子語法將第一個陣列條目的所有元素單獨添加到初始物件。

const initialData = {
    data: [
        {
            Email: '[email protected]',
            name: 'dsadas',
            amount: '43.243.434',
            date: '22 Januari 2022',
        },
        {
            Email: '[email protected]',
            name: 'akdasd',
            amount: '3.234',
            date: '12 Februari 2022',
         },
         {
            Email: '[email protected]',
            name: 'dasdasd',
            amount: '234.324',
            date: '10 Februari 2022',
         }
    ]
};

const finalData = { ...initialData.data[0], ...initialData };

uj5u.com熱心網友回復：

您也可以使用迭代：

var obj = {
  data: [
    {
      Email: '[email protected]',
      name: 'dsadas',
      amount: '43.243.434',
      date: '22 Januari 2022',
    },
    {
      Email: '[email protected]',
      name: 'akdasd',
      amount: '3.234',
      date: '12 Februari 2022',
    },
    {
      Email: '[email protected]',
      name: 'dasdasd',
      amount: '234.324',
      date: '10 Februari 2022',
    }
  ]
}


Object.getOwnPropertyNames(obj.data[0]).forEach((e) => {
  obj[e] = obj.data[0][e]
})

console.log(obj)

uj5u.com熱心網友回復：

var ab = {
  data: [
    {
      Email: '[email protected]',
      name: 'dsadas',
      amount: '43.243.434',
      date: '22 Januari 2022',
    },
    {
      Email: '[email protected]',
      name: 'akdasd',
      amount: '3.234',
      date: '12 Februari 2022',
    },
    {
      Email: '[email protected]',
      name: 'dasdasd',
      amount: '234.324',
      date: '10 Februari 2022',
    }
  ]
}
var firstIttem = ab.data[0]
var abc = {
    Email: firstIttem.Email,
    name: firstIttem.name,
    amount: firstIttem.amount,
    date: firstIttem.date,
    data: [...ab.data]
}
console.log(abc)

uj5u.com熱心網友回復：

如果要將源的屬性應用于目標物件，
請檢查Object.assign方法。

const yourData = {
  data: [
    {
      Email: '[email protected]',
      name: 'dsadas',
      amount: '43.243.434',
      date: '22 Januari 2022',
    },
    {
      Email: '[email protected]',
      name: 'akdasd',
      amount: '3.234',
      date: '12 Februari 2022',
    },
    {
      Email: '[email protected]',
      name: 'dasdasd',
      amount: '234.324',
      date: '10 Februari 2022',
    }
  ]
};

Object.assign(yourData, yourData.data[0]);

標籤：javascript 数组 目的

上一篇：jsonapi決議物件

下一篇：我如何將這個ul組件移到上面？