Adding Dynamic elements/rows to multi dimensional Json array in Angularjs

Question

I have a JSon object array that looks as below:

var myObject= [
{"name":'Tom', "city":'Chicago',"GroupCode":'1'}, 
{"name":'Harry', "city":'Wisconsin',"GroupCode":'1'}, 
{"name":'Rob', "city":'Los Angeles',"GroupCode":'2'}, 
{"name":'Peter', "city":'Seattle',"GroupCode":'2'}, 
{"name":'Dave', "city":'New York',"GroupCode":'3'}, 
{"name":'Steve', "city":'Boston',"GroupCode":'3}
];

I wanted to a add a new row with some sample values when ever the GroupCode is changing. My result shall look like :

var myObject= [
{"name":'Tom', "city":'Chicago',"GroupCode":'1'}, 
{"name":'Harry', "city":'Wisconsin',"GroupCode":'1'}, 
{"name":'--', "city":'--',"GroupCode":'--'}, 
{"name":'Rob', "city":'Los Angeles',"GroupCode":'2'}, 
{"name":'Peter', "city":'Seattle',"GroupCode":'2'}, 
{"name":'--', "city":'--',"GroupCode":'--'}, 
{"name":'Dave', "city":'New York',"GroupCode":'3'}, 
{"name":'Steve', "city":'Boston',"GroupCode":'3} 
];

How can i do that ? Please help !

may be help yot stackoverflow.com/questions/32470928/…

Hadi
– Hadi

2016-03-13 03:59:42 +00:00
Commented Mar 13, 2016 at 3:59 — Hadi
– Hadi, Commented Mar 13, 2016 at 3:59

Cyril Cherian · Accepted Answer · 2016-03-13 04:13:38Z

2

You can do it like this:

var myObject = [{
  "name": 'Tom',
  "city": 'Chicago',
  "GroupCode": '1'
}, {
  "name": 'Harry',
  "city": 'Wisconsin',
  "GroupCode": '1'
}, {
  "name": 'Rob',
  "city": 'Los Angeles',
  "GroupCode": '2'
}, {
  "name": 'Peter',
  "city": 'Seattle',
  "GroupCode": '2'
}, {
  "name": 'Dave',
  "city": 'New York',
  "GroupCode": '3'
}, {
  "name": 'Steve',
  "city": 'Boston',
  "GroupCode": '3'
}];
//store the first groupcode
var gc = myObject[0].GroupCode;
myObject.forEach(function(ob, index) {
  if (gc != ob.GroupCode) {
    gc = ob.GroupCode;
    //insert this object
    myObject.splice(index, 0, {
      "name": '--',
      "city": '--',
      "GroupCode": '--'
    });
  }

})
console.log(myObject)

working code here

answered Mar 13, 2016 at 4:13

Cyril Cherian

32.4k7 gold badges48 silver badges57 bronze badges

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

2 Comments

hakuna Over a year ago

Thank you very much. Can you tell me how can i access the keys dynamically too ? I have my keys in an array, tried myObject.splice(index, 0, { array[0]: '--', array[1]: '--', array[2]: '--' });. Its isnt working.

Cyril Cherian Over a year ago

you can do it like this

keys = Object.keys(ob);     var a = {};     a[keys[0]] = '--'     a[keys[1]] = '--'     a[keys[2]] = '--'     //insert this object     myObject.splice(index, 0, a);

jsfiddle.net/cyril123/teggj208

Collectives™ on Stack Overflow

Adding Dynamic elements/rows to multi dimensional Json array in Angularjs

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related