How to access first or specific object from json data

Question

I have a json file with below mentioned format

mydata.json

{
    "nodes":{
        "Aidan":{"color":"green", "shape":"dot", "alpha":1, "id" : "aidan"},
        "Sofia":{"color":"green", "shape":"dot", "alpha":1},
        "Liam":{"color":"GoldenRod", "shape":"dot", "alpha":1}
    },
    "edges":{
        "Quinn":{
            "Liam":{"length":2.5,"weight":2},
            "Audrey":{"length":2.5,"weight":2},
            "Noah":{"length":2.5,"weight":2},
            "Claire":{"length":2.5,"weight":2}
        },
        "Liam":{
            "Sofia":{"length":2.5,"weight":2},
            "Ethan":{"length":2.5,"weight":2},
            "Amelia":{"length":2.5,"weight":2}
        }
    }
}

I will be reading above file data using jquery as mentioned below

var data = $.getJSON("data/mydata.json",function(data){
    var nodes = data.nodes;
    var edges = data.edges;

    //i want to access first element or between element.
    //like var edge = edges.get(0) or nodes.get("aidan")
})

I want to access first element or between element with the index or by name property of object. like var edge = edges.get(0) or nodes.get("aidan").

Thanks

Answer 1

There are several ways of doing it

Object.keys(nodes)[0]; //retrieve the first key
edges['Quinn'];
edges.Quinn

A little warning on the first one, Object in JS are unordered so it may break, thus browser tends to keep the insertion order. hope it helped

Answer 2

Try this code

nodes['aidan']
edges['Quinn']

Answer 3

Either the before mentioned code

nodes['aidan']

or

nodes.aidan

should work equally fine.

Answer 4

Prepared a fiddle for you. You can check there.