Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / Languages / Javascript

JavaScript Looping Through Object Properties

2.00/5 (1 vote)
6 Jun 2011CPOL 21.3K  
Looping through JSON object properties in JavaScript.

My previous post contained a small piece of code explaining how to loop through object properties with the Reflection namespace in C#.

In this post, I'd like to explain how to loop through a JavaScript object.

Let's create an object in JavaScript:

JavaScript
var myObject = {
    Name: "Elad",
    LastName: "Shalom",
    Age: 26,
    Kids: ["Daniel"]
};

This object contains four properties:

  1. Name (string)
  2. LastName (string)
  3. Age (int)
  4. Kids (array)

Now for the loop part:

C#
function LoopThroughProperties(obj)
{
    for (var propName in obj) 
    {
        alert(propName + ": " + obj[propName]); 
    }
}

The function will receive an object and loop through all of its properties.

I'd like to explain a bit about the for syntax I used. Those of you who write in C#/ VB/ Java will find it very similar to the foreach loop in JavaScript.

Since an object in JavaScript is a form of array, I can easily call every one of its properties the same way (almost) I'd call them when looping through an array. This type of foreach loop in JavaScript is also very useful when going through a hash table. Since we won't know the numbers the hash contains, we can simply loop through it.

Thanks.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)