How to append an object to JSON array in Javascript

Question

var table = {"abc":{0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0}};

This is my JSON array, I can access the data like this now: table["abc"][1]

Now, How do I append another element like abc Something like this:

table.append({"xyz":{0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0}});

`table["xyz"] = {0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0}` — Zenoo, Mar 08 '18 at 10:35
You should learn some basics: [Access / process (nested) objects, arrays or JSON](https://stackoverflow.com/questions/11922383/access-process-nested-objects-arrays-or-json) — str, Mar 08 '18 at 10:36

score 1 · Accepted Answer · answered Mar 08 '18 at 10:35

1

Similar with the way you access it

var table = {"abc":{0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0}};

console.log(table["abc"][1]);

table["xyz"] = {0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0};

console.log(table);

answered Mar 08 '18 at 10:35

Thum Choon Tat

3,084
1
22
24

Dan · Answer 2 · 2018-03-08T10:44:39.643

The immutable way:

var table = {"abc":{0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0}};

table = {
   ...table,
   xyz: {
     0:0, 
     1:5, 
     2:0, 
     3:0, 
     4:0, 
     5:0, 
     6:0, 
     7:0, 
     8:0
   }
}

Not got Object Spread support? Try this:

table = Object.assign({}, table, {
  xyz: {
    0:0, 
    1:5, 
    2:0, 
    3:0, 
    4:0, 
    5:0, 
    6:0, 
    7:0, 
    8:0
  }
});

score 0 · Answer 3 · answered Mar 08 '18 at 10:46

In this way you can add more data to table object

table.xyz = {0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0}

its just as simple. Your new table will be as

var table = {"abc":{0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0},
         "xyz":{0:0, 1:5, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0}};

Here is jsfiddle link https://jsfiddle.net/mustkeom/pykmd60j/

How to append an object to JSON array in Javascript

3 Answers3