how to access the nested json element?

Question

contact1 : {name: "Kesh", relation: "Mother", number: "9819269972"}

this is particular data is part of a bigger json data. I am accessing it via JSONArrayName.contact1. How do i access name, relation and number now?

var obj, dbParam, xmlhttp, myObj, x, txt = "";  
obj = { "table":"Successful", "limit":20 };
dbParam = JSON.stringify(obj); 
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
   if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    myObj = JSON.parse(xmlhttp.responseText);
    console.log(myObj);
    //console.log(myObj[0]);
    document.getElementById("userId").innerHTML = myObj.id;
    document.getElementById("DOB").innerHTML = myObj.dob;
    document.getElementById("bloodGroup").innerHTML = myObj.bloodGroup;
    document.getElementById("aadhar").innerHTML = myObj.aadharCard;
    document.getElementById("allergies").innerHTML = myObj.allergies;
    document.getElementById("insurances").innerHTML = 
    myObj.insuranceDetails;
    var contact1 = myObj.contact1;
    console.log(contact1);

}

console output: myobj:

{id: "123456", insuranceDetails: null, allergies: null, bloodGroup: "A", gender: "Female", contact1: {name: "Kesh", relation: "Mother", number: "9819269972"}, contact2: {name: "Kesh", relation: "Mother", number: "9819269972"}}

contact1:

{name: "Kesh", relation: "Mother", number: "9819269972"}

Are you sure that xmlhttp.responseText variable is correct JSON? — J K
– J K, Commented Feb 22, 2018 at 14:45

void · Accepted Answer · 2018-02-22 14:40:38Z

2

Use Dot-Notation to access the value corresponding to keys in the object.

var JSONArrayName = {contact1 : {name: "Kesh", relation: "Mother", number: "9819269972"}};

console.log(JSONArrayName.contact1.name);
console.log(JSONArrayName.contact1.relation);

answered Feb 22, 2018 at 14:40

void

36.8k10 gold badges72 silver badges111 bronze badges

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

1 Comment

Keshvi Srivastava Over a year ago

i have editted the above code. Here, if i do myObj.contact1.name i get "undefined" as my console output

Laiso · Accepted Answer · 2018-02-22 14:42:57Z

0

You can access them by using dot notation like

var data = { contact1 : {name: "Kesh", relation: "Mother", number: "9819269972"} } 
console.log(data.contact1.name);
console.log(data.contact1.relation);
console.log(data.contact1.number);

answered Feb 22, 2018 at 14:42

Laiso

2,6503 gold badges19 silver badges33 bronze badges

1 Comment

Keshvi Srivastava Over a year ago

i have editted the above code. Here, if i do myObj.contact1.name i get "undefined" as my console output

Keshvi Srivastava · Accepted Answer · 2018-02-22 14:52:55Z

0

can access the data in such a way:

myObj.contact[0].name

answered Feb 22, 2018 at 14:52

Keshvi Srivastava

891 silver badge11 bronze badges

Comments

Laiso · Accepted Answer · 2018-02-22 14:54:32Z

0

In my console it work fine, make sure that you have a non empty variable myObj

answered Feb 22, 2018 at 14:54

Laiso

2,6503 gold badges19 silver badges33 bronze badges

Collectives™ on Stack Overflow

how to access the nested json element?

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related