javascript - 如何在 JavaScript 中将数组推送到对象

Question

我正在尝试将数组推送到 JavaScript 中的对象。

这是我的对象的样子(推送之前):

  const data = {
  columns: [
    {
      label: "InvoiceID",
      field: "InvoiceID",
      sort: "asc",
      width: 150
    },
    {
      label: "Vendor Name",
      field: "Vendor Name",
      sort: "asc",
      width: 270
    },
    {
      label: "Invoice Date",
      field: "Invoice Date",
      sort: "asc",
      width: 200
    }
  ]
};

所以我想添加(推送)另一个名为 rows 的数组，因此它看起来如下所示:

  const data = {
  columns: [
    {
      label: "InvoiceID",
      field: "InvoiceID",
      sort: "asc",
      width: 150
    },
    {
      label: "Vendor Name",
      field: "Vendor Name",
      sort: "asc",
      width: 270
    },
    {
      label: "Invoice Date",
      field: "Invoice Date",
      sort: "asc",
      width: 200
    }
  ],
  rows: [
    {
      name: "Tiger Nixon",
      position: "System Architect",
      office: "Edinburgh",
      age: "61",
      date: "2011/04/25",
      salary: "$320"
    },
    {
      name: "Garrett Winters",
      position: "Accountant",
      office: "Tokyo",
      age: "63",
      date: "2011/07/25",
      salary: "$170"
    }
  ]
};

这是我一直在尝试的方法，但没有成功。

const rows = this.state.rows;
data.push(rows);

如果您想知道，我正在使用 axio 从数据库中获取此行，数组中没有错误，因为它看起来与上面所示完全相同。问题是我无法将数组推送到 data 对象。我怎样才能实现这个目标？

不要使其重复，因为我是从 NodeJS 服务器端点获取数组。

Answer 1

JavaScript 是 dynamic语言。您可以在运行时向对象添加字段。只需向对象添加一个字段即可:

data.rows = this.state.rows;