Why is ‘for(var item in list)’ with arrays considered bad practice in JavaScript?

by

First, the order of the loop is undefined for a for...in loop, so there’s no guarantee the properties will be iterated in the order you want.

Second, for...in iterates over all enumerable properties of an object, including those inherited from its prototype. In the case of arrays, this could affect you if your code or any library included in your page has augmented the prototype of Array, which can be a genuinely useful thing to do:

Array.prototype.remove = function(val) {
    // Irrelevant implementation details
};

var a = ["a", "b", "c"];

for (var i in a) {
    console.log(i);
}

// Logs 0, 1, 2, "remove" (though not necessarily in that order)

More Related Contents:

  1. For-each over an array in JavaScript
  2. Loop through an array in JavaScript
  3. Why is using “for…in” for array iteration a bad idea?
  4. JavaScript: Difference between .forEach() and .map()
  5. How to split a long array into smaller arrays, with JavaScript
  6. What’s the best way to loop through a set of elements in JavaScript?
  7. For loop through Array only shows last value
  8. JavaScript flattening an array of arrays of objects
  9. Loop over an array in JavaScript
  10. How to loop through array in jQuery?
  11. Sum two arrays in single iteration
  12. Loop (for each) over an array in JavaScript
  13. Javascript: hiding prototype methods in for loop?
  14. looping through arrays of arrays
  15. How to access array in circular manner in JavaScript
  16. Making new array and push there keys on that new array [closed]
  17. How do I empty an array in JavaScript?
  18. How can I add new array elements at the beginning of an array in JavaScript?
  19. Remove array element based on object property
  20. How to find index of all occurrences of element in array?
  21. Sorting an array of objects by property values
  22. How are JavaScript arrays represented in physical memory?
  23. break array of objects into separate arrays based on a property
  24. Call function with array of arguments
  25. JavaScript split String with white space
  26. Recursively filter array of objects
  27. How to convert array of key–value objects to array of objects with a single property?
  28. Find closest date in array with JavaScript
  29. Sum values of objects in array
  30. Converting Array of Objects into Array of Arrays

Leave a Comment