Is reading the `length` property of an array really that expensive an operation in JavaScript?

by

Well, I would have said it was expensive, but then I wrote a little test @ jsperf.com and to my surprise using i<array.length actually was faster in Chrome, and in FF(4) it didn’t matter.

My suspicion is that length is stored as an integer (Uint32). From the ECMA-specs (262 ed. 5, page 121):

Every Array object has a
length property whose value is always a nonnegative integer less than 232. The value of the length property is
numerically greater than the name of
every property whose name is an array
index; whenever a property of an Array
object is created or changed, other
properties are adjusted as necessary
to maintain this invariant.
Specifically, whenever a property is
added whose name is an array index,
the length property is changed, if
necessary, to be one more than the
numeric value of that array index; and
whenever the length property is
changed, every property whose name is
an array index whose value is not
smaller than the new length is
automatically deleted. This constraint
applies only to own properties of an
Array object and is unaffected by
length or array index properties that
may be inherited from its prototypes

Phew! I don’t know if I ever get used to such language …

Finally, we always have our good old lagging behind browser. In IE (9, 8, 7) caching the length is really faster. One of many more reasons to not use IE, I say.

More Related Contents:

  1. compare each 5 numbers of two array [closed]
  2. How to get all the values associated with an object in array?
  3. Sort array of objects by string property value
  4. How to determine if Javascript array contains an object with an attribute that equals a given value?
  5. How to group by and sum an array of objects? [duplicate]
  6. Group objects by multiple properties in array then sum up their values
  7. Javascript swap array elements
  8. How to add an object to an array
  9. How can I check if the array of objects have duplicate property values?
  10. GetElementByID – Multiple IDs
  11. JavaScript Loops: for…in vs for
  12. Sorting objects by property values
  13. Razor MVC Populating Javascript array with Model Array
  14. Fastest JavaScript summation
  15. Using promise function inside Javascript Array map
  16. Javascript passing arrays to functions by value, leaving original array unaltered
  17. What does $(selector)[0] mean in jQuery?
  18. Get list of duplicate objects in an array of objects
  19. Change the value of an array changes original array JavaScript
  20. Returning only certain properties from an array of objects in Javascript [duplicate]
  21. Splicing a Javascript array from within the callback passed to forEach
  22. Sum two arrays in single iteration
  23. Array.size() vs Array.length
  24. Create array of all integers between two numbers, inclusive, in Javascript/jQuery
  25. What is the difference between “in operator” and “includes()” for JavaScript arrays
  26. Sorting an Array of JavaScript Objects a Specific Order (using existing function)
  27. Can a JavaScript variable be used in plain HTML?
  28. Can forEach in JavaScript make a return? [duplicate]
  29. Why does the `map` method apparently not work on arrays created via `new Array(count)`?
  30. javascript – Convert array to string while preserving brackets

Leave a Comment