How to manipulate this JSON array in JavaScript

Question

I have a JSON array like:

var data = {
  name: 'Mike',
  level: 1,
  children: [
    { name: 'Susan',
      level: 2,   },
    { name: 'Jake',
      level: 2    },
    { name: 'Roy',
      level: 2 },
    ]
  }

How could i add a children array to Jake so that the array would then look like:

var data = {
  name: 'Mike',
  level: 1,
  children: [
    { name: 'Susan',
      level: 2,   },
    { name: 'Jake',
      level: 2,
      children: [ 
             { name: 'Angela',
               level: 3 }   
                ] 
    },
    { name: 'Roy',
      level: 2 },
    ]
  }

Guffa · Accepted Answer · 2015-08-23 00:13:59Z

3

That's not JSON, that's a Javascript object. JSON is a text format for representing data.

First you would need to find Jake. He is in the data.children array, so look there:

var i = 0;
while (data.children[i].name != 'Jake') i++;

(That code assumes that Jake is actually somewhere in the array.)

Now you can add a property to the object, which is an array of objects:

data.children[i].children = [ 
  { name: 'Angela', level: 3 }   
];

answered Aug 23, 2015 at 0:13

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

2 Comments

rage Over a year ago

Is there a way to accomplish the code data.children[i].children = [ { name: 'Angela', level: 3 } ]; with the push function ?

Guffa Over a year ago

@rage: First you need the property to be an array: data.children[i].children = [];. Then you can push objects into it: data.children[i].children.push({ name: 'Angela', level: 3 });.

Billy Moon · Accepted Answer · 2015-08-23 00:10:48Z

0

data.children[1].children = [{name: 'Angela',level: 3 }]

answered Aug 23, 2015 at 0:10

Billy Moon

58.9k27 gold badges148 silver badges244 bronze badges

Collectives™ on Stack Overflow

How to manipulate this JSON array in JavaScript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related