How to push an array to an Object in JavaScript

Question

I am trying to push an array to an object in JavaScript.

This is how my object looks like (before pushing):

  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
    }
  ]
};

So I want to add (push) another array called rows so it will look like something below:

  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"
    }
  ]
};

This is what I have been trying and it is not working.

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

In case you wonder, I am getting this rows from my database using axio There is no error in the array as it looks exactly as shown above. Problem is I can't push the array to data object. How can I achieve this?

Don't make this an duplicate since I am getting the array from my NodeJS server endpoint.

Objects do not have a push method. You just assign a new property to them data.rows = rows. — VLAZ
– VLAZ, Commented Oct 5, 2019 at 13:01

m1o2 · Accepted Answer · 2019-10-05 13:03:02Z

0

JavaScript is a dynamic language. You can add fields to an object at runtime. Just add a field to the object:

data.rows = this.state.rows;

edited Oct 5, 2019 at 13:03

answered Oct 5, 2019 at 13:01

m1o2

1,6592 gold badges21 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Diamond · Accepted Answer · 2019-10-05 13:09:57Z

0

There's no such push function in Object like Array.

But you can do that like below:

const objectValue = {
  array1: [
    {
      id: 1,
      value: 'one',
    },
    {
      id: 2,
      value: 'two',
    }
  ]
};

const newArray = [
    {
      id: 3,
      value: 'three',
    },
    {
      id: 4,
      value: 'four',
    }
  ];
objectValue.array2 = newArray;
console.log(objectValue);

answered Oct 5, 2019 at 13:09

Diamond

3,4904 gold badges21 silver badges43 bronze badges

Comments

Adarsh Senghani · Accepted Answer · 2019-10-05 13:56:59Z

0

JavaScript objects do not have .push() method. only array has .push() method. If you want to add another key-value pair inside an object during run-time, you could do something like: objectName[key] = value;

In this scenario you can do : data[rows] = this.state.rows

answered Oct 5, 2019 at 13:56

Adarsh Senghani

1663 silver badges6 bronze badges

Comments

Mostafa Saadatnia · Accepted Answer · 2019-10-05 14:28:07Z

you just need to call bellow code:

let 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
    }
  ]
};

data["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"
    }
  ];

And then your Object will look like you want like below:

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"
    }
  ]
};

Description: Everytime you need to push(add) a key in your object, you should use this syntaxt instead of push. because the object it's not an array.

for Example:

let obj = { key1:'it is key one','key2':['key2 array','key2 array']}

obj["your_new_key"]=whatever;

console.log(obj);

Collectives™ on Stack Overflow

How to push an array to an Object in JavaScript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related