JavaScript foreach loop on an associative array object

by

The .length property only tracks properties with numeric indexes (keys). You’re using strings for keys.

You can do this:

var arr_jq_TabContents = {}; // no need for an array

arr_jq_TabContents["Main"] = jq_TabContents_Main;
arr_jq_TabContents["Guide"] = jq_TabContents_Guide;
arr_jq_TabContents["Articles"] = jq_TabContents_Articles;
arr_jq_TabContents["Forum"] = jq_TabContents_Forum;

for (var key in arr_jq_TabContents) {
    console.log(arr_jq_TabContents[key]);
}

To be safe, it’s a good idea in loops like that to make sure that none of the properties are unexpected results of inheritance:

for (var key in arr_jq_TabContents) {
  if (arr_jq_TabContents.hasOwnProperty(key))
    console.log(arr_jq_TabContents[key]);
}

edit — it’s probably a good idea now to note that the Object.keys() function is available on modern browsers and in Node etc. That function returns the “own” keys of an object, as an array:

Object.keys(arr_jq_TabContents).forEach(function(key, index) {
  console.log(this[key]);
}, arr_jq_TabContents);

The callback function passed to .forEach() is called with each key and the key’s index in the array returned by Object.keys(). It’s also passed the array through which the function is iterating, but that array is not really useful to us; we need the original object. That can be accessed directly by name, but (in my opinion) it’s a little nicer to pass it explicitly, which is done by passing a second argument to .forEach() — the original object — which will be bound as this inside the callback. (Just saw that this was noted in a comment below.)

More Related Contents:

  1. For-each over an array in JavaScript
  2. Short circuit Array.forEach like calling break
  3. JavaScript: Difference between .forEach() and .map()
  4. change values in array when doing foreach
  5. What does [].forEach.call() do in JavaScript?
  6. forEach on querySelectorAll not working in recent Microsoft browsers
  7. JavaScript, Node.js: is Array.forEach asynchronous?
  8. forEach on array of undefined created by Array constructor
  9. How to loop through all the elements returned from getElementsByTagName [duplicate]
  10. Check if object value exists within a Javascript array of objects and if not add a new object to array
  11. Why doesn’t nodelist have forEach?
  12. How to use promise in forEach loop of array to populate an object
  13. Why doesn’t console.log work when passed as a parameter to forEach?
  14. Why Array.forEach is slower than for() loop in Javascript? [duplicate]
  15. Loop over an array in JavaScript
  16. Splicing a Javascript array from within the callback passed to forEach
  17. Loop (for each) over an array in JavaScript
  18. Group javascript array object by same key
  19. Can forEach in JavaScript make a return? [duplicate]
  20. Creating a JavaScript global array with static elements?
  21. Convert array to JSON
  22. How to change value of object which is inside an array using JavaScript or jQuery?
  23. Convert JavaScript array of 2 element arrays into object key value pairs
  24. Selecting last element in JavaScript array [duplicate]
  25. Best way to convert string to array of object in javascript?
  26. How to create an array in JavaScript whose indexing starts at 1?
  27. Filter array of objects whose any properties contains a value
  28. Javascript oddness with array of objects and indexOf
  29. What does “[Ljava.lang.Object;@” mean?
  30. Converting Array of Objects into Array of Arrays

Leave a Comment