Javascript Array of objects - how do i loop through and get the object values

Question

Im having some issues creating an array of objects in javascript

Please see my code below and tell me where im going wrong..

I simply want to loop through and access the values

<!-- Read XML Script -->
<script type="text/javascript">

    // Object array
    var myArray = [];

    $(document).ready(function () {
        $.ajax({
            type: "GET",
            url: "HighScore.xml",
            dataType: "xml",
            success: function (xml) {
                $(xml).find('challenger').each(function () {

                    var name = $(this).find('Name').text();
                    var watts = $(this).find('Watts').text();
                    var Mins = $(this).find('Mins').text();

                    // objects in the array
                    challenger = new Object();
                    challenger.name = name;
                    challenger.watts = watts;
                    challenger.Mins = Mins;

                    myArray.push(challenger);

                });

                // look into the array
                for (obj in myArray) {
                    // do i need to cast ?? how can i view the object ??
                    alert(obj + " - ");
                }


            },
            error: function () {
                alert("error");
            }
        });
    });

</script>

what do you mean by "view the object"? Do you mean how can you perform alert with its properties? — Felipe Sabino
– Felipe Sabino, Commented Oct 7, 2011 at 11:54

Jan Jongboom · Accepted Answer · 2011-10-07 11:55:18Z

1

The for .. in .. works different in javascript than in some other languages. Instead of the object, you will get the key. In your array therefore you'll get the index.

For iterating over arrays, just use an index-based array to avoid hassle:

for (var ix = 0; ix < myArray.length; ix++) {
    var obj = myArray[ix];

    alert(obj.name);
}

If you really want to use the for .. in .. syntax, use this:

var a = ['jan', 'klaas']; 
for(var key in a) { 
    if (a.hasOwnProperty(key)) { 
        console.log(a[key].name); 
    }
}

answered Oct 7, 2011 at 11:55

Jan Jongboom

27.5k10 gold badges85 silver badges121 bronze badges

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

Comments

4esn0k · Accepted Answer · 2011-10-07 11:55:49Z

1

-                for (obj in myArray) {
-                    // do i need to cast ?? how can i view the object ??
-                    alert(obj + " - ");
-                }

+                for (var i = 0; i < myArray.length; i++) {
+                    var obj = myArray[i];
+                    // do i need to cast ?? how can i view the object ??
+                    alert(JSON.stringify(obj, null, '  '));
+                }

answered Oct 7, 2011 at 11:55

4esn0k

10.6k7 gold badges38 silver badges40 bronze badges

Collectives™ on Stack Overflow

Javascript Array of objects - how do i loop through and get the object values

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related