JavaScript Dynamic Objects

JavaScript Dynamic Objects

Akshaykumar Patel's photo
Akshaykumar Patel
·

1 min read

<!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":"akshayblevel@gmail.com",
            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>

image.png

Add members on the fly in the preceding object 

personalDetail.mobile = "09769496026";

       alert(personalDetail.mobile);

image.png

Enumerating Members

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

image.png

image.png

image.png

image.png and so on…