example :

var data = { name : "John",age : 19}

I want to add another pair inside the json object.

{gender : male}

so that it will bee

data = { name : "John",age : 19,gender : "male" }

example :

var data = { name : "John",age : 19}

I want to add another pair inside the json object.

{gender : male}

so that it will bee

data = { name : "John",age : 19,gender : "male" }

• javascript
• json
• insert

Share Improve this question Follow edited Mar 20, 2012 at 12:14 Lightness Races in Orbit 386k7777 gold badges666666 silver badges1.1k1.1k bronze badges asked Mar 1, 2012 at 5:13 rjmcbrjmcb 3,74599 gold badges3434 silver badges4747 bronze badges 2

• 2 <pedantic>It isn't really a "JSON object" you have here, but a JavaScript one</pedantic>. JSON is a text format, and BTW the key names must be double quoted. – Ray Toal Commented Mar 1, 2012 at 5:17
• @RayToal: Not "pedantic" at all. – Lightness Races in Orbit Commented Mar 20, 2012 at 12:14

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

All you need is

data.gender = "male";

Yes, either:

data.gender = "male";

or

data['gender'] = "male";

(These are equivalent.)

If you are using jQuery (or one of many other libraries), you may have an "extend" function that is useful for that. It "merges" two Javascript objects. In jQuery:

$.extend(data, { gender: "male" });

This is nice because you can extend the JSON object with more than one value.

var data = { name : "John",age : 19};
var update = {gender : "male"};


function merge(target, source){
    for(var prop in source){
        target[prop] = source[prop];
    }
    return target;
}

var merged = merge(data, update);

This will add all properties in update to data. Using the returned value is optional. data itself gets updated inside the function as it is object.

Or if you use jQuery

var merged = $.extend(data, update);

Using jQuery we can do a deep level merging

var update = {gender : "male", address:{house:"house1", street:"street1", pin:"pin1"}};
var merged = $.extend(true, data, update);

To achieve the same using plain javascript you have to modify and recursively call the function I have written above .

Try this:

var data = { name : "John",age : 19};
data.gender = "male";

data.gender = "male"

More information here : Dynamically Add Variable Name Value Pairs to JSON Object