Create nested json object using jquery

Question

Using json object not from array.

$(document).ready(function () { 
    var editeditems = {}; 
    var address = {};
    var firstName;
    var lasteName; 
    $('#btnJson').click(function () { 
        for (var i = 0; i < 3; i++) { 
            address["street"] = i; 
            address["city"] = i; 
        } 
        editeditems["FirstName"] = "mehul"; 
        editeditems["LastName"] = "gohel"; 
        editeditems["Address"] = address; 
        $('#txtVal').text(JSON.stringify(editeditems)); 
    }); 
});

I am using this code and get output of:

{
   "firstName": "Mehul",
   "lasteName": "Gohel",
   "address": [
      {
         "Street": 0,
         "City": 0
      },
      {
         "Street": 1,
         "City": 1
      }
   ]
}

Please explain your question, and also include the codes you have tried so far. That will help people to understand your question. Thanks — Sibeesh Venu
– Sibeesh Venu, Commented Nov 23, 2016 at 11:14
$(document).ready(function () { var editeditems = {}; var address = {};var firstName;var lasteName; $('#btnJson').click(function () { for (var i = 0; i < 3; i++) { address["street"] = i; address["city"] = i; } editeditems["FirstName"] = "mehul"; editeditems["LastName"] = "gohel"; editeditems["Address"] = address; $('#txtVal').text(JSON.stringify(editeditems)); }); }); I am using this code and get output of {"FirstName":"mehul","LastName":"gohel","Address":{"street":2,"city":2}} — bksoni
– bksoni, Commented Nov 23, 2016 at 11:29

Wangot · Accepted Answer · 2016-11-23 11:56:05Z

2

Here is one way:

$(document).ready(function () { 
  $('#btnJson').click(function () { 
    var jsonObj = {}; 
    var addressArray = [];

    for (var i = 0; i < 3; i++) { 
        var address = {}
        address.street = i; 
        address.city = i; 
        addressArray.push(address);
    } 

    jsonObj.FirstName = "mehul"; 
    jsonObj.LastName = "gohel"; 
    jsonObj.Address = addressArray;  

    $('#txtVal').text(JSON.stringify(jsonObj)); 
  });
});

Another one:

$(document).ready(function () { 
  $('#btnJson').click(function () { 
    var jsonObj = {
      "FirstName":"mehul",
      "LastName":"gohel",
      "Address":[]
    }; 

    for (var i = 0; i < 3; i++) { 
        var address = {}
        address.street = i; 
        address.city = i; 
        jsonObj.Address.push(address);
    } 

    $('#txtVal').text(JSON.stringify(jsonObj)); 
  });
});

And you will get this result:

{
  "FirstName":"mehul",
  "LastName":"gohel",
  "Address":[
    {"street":0,"city":0},
    {"street":1,"city":1},
    {"street":2,"city":2}
  ]
}

answered Nov 23, 2016 at 11:56

Wangot

911 bronze badge

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

1 Comment

Wangot Over a year ago

The second solution is just the same with different approach.

Collectives™ on Stack Overflow

Create nested json object using jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related