Click here to Skip to main content
Click here to Skip to main content
Technical Blog

JavaScript Looping Through Object Properties

, 6 Jun 2011 CPOL
Rate this:
Please Sign up or sign in to vote.
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:

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:

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)

Share

About the Author

DevAffair
Team Leader Sports Betting Tech
Israel Israel
No Biography provided
Follow on   Twitter

Comments and Discussions

 
General[My vote of 2] JavaScript Looping Through Object Properties PinmemberAfter20506-Jun-11 2:27 
GeneralRe: [My vote of 2] JavaScript Looping Through Object Properties PinmemberElad10106-Jun-11 3:15 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.141015.1 | Last Updated 6 Jun 2011
Article Copyright 2011 by DevAffair
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid