Learn JavaScript Part 16: Dynamic Objects

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <script id="javascript">

        //Object Creation
        var personalDetail =
        {
            fname: "Akshay",
            lname: "Patel",
            "registered email":"[email protected]",
            address:
                {
                    Add1: "Old Padra Road",
                    Add2: "Diwalipura",
                    City: "Vadodara",
                    State: "Gujarat",
                    Pin: "390020"
                }
        };

        //Object Access

        //Dot Pattern
        var fname = personalDetail.fname;

        //Bracket Pattern
        var lname = personalDetail["lname"];

        var registeredEmail = personalDetail["registered email"];

        //Pattern 1
        var address = personalDetail.address;
        var city = address.City;

        //Pattern 2
        var state = personalDetail.address.State;

        alert(fname + " " + lname + " \n" + registeredEmail + " \n" + city + " " + state);
    </script>
</body>
</html>

Output

Akshay Patel
[email protected]
Vadodara Gujarat

Add members on the fly in the preceding object

personalDetail.mobile = "09769496026";
alert(personalDetail.mobile);

Output

09769496026

Enumerating Members

for(var member in personalDetail)
{
   alert(member);                  //Member Name
   alert(personalDetail[member]);  //Member value
}

Output

fname

lname