How are javascript arrays implemented?

javascript arrays associative-array
Claudiu picture Claudiu · Dec 14, 2008 · Viewed 16.2k times · Source

Namely, how does the following code:

var sup = new Array(5);
sup[0] = 'z3ero';
sup[1] = 'o3ne';
sup[4] = 'f3our';
document.write(sup.length + "<br />");

output '5' for the length, when all you've done is set various elements?

My 'problem' with this code is that I don't understand how length changes without calling a getLength() or a setLength() method. When I do any of the following:

a.length
a['length']
a.length = 4
a['length'] = 5

on a non-array object, it behaves like a dict / associative array. When I do this on the array object, it has special meaning. What mechanism in JavaScript allows this to happen? Does javascript have some type of property system which translates

a.length
a['length']

into "get" methods and

a.length = 4
a['length'] = 5

into "set" methods?

Answer

tvanfosson picture tvanfosson · Dec 14, 2008

Everything in JavaScript is an object. In the case of an Array, the length property returns the size of the internal storage area for indexed items of the array. Some of the confusion may come into play in that the [] operator works for both numeric and string arguments. For an array, if you use it with a numeric index, it returns/sets the expected indexed item. If you use it with a string, it returns/sets the named property on the array object - unless the string corresponds to a numeric value, then it returns the indexed item. This is because in JavaScript array indexes are coerced to strings by an implicit toString() call. Frankly, this is just one more of those things that makes you scratch your head and say "JavaScript, this, this is why they laugh at you."

The actual underlying representation may differ between browsers (or it may not). I wouldn't rely on anything other than the interface that is supplied when working with it.

You can find out more about Javascript arrays at MDN.

Related questions

How do I remove objects from a JavaScript associative array?

Suppose I have this code: var myArray = new Object(); myArray["firstname"] = "Bob"; myArray["lastname"] = "Smith"; myArray["age"] = 25; Now if I wanted to remove "lastname"?....is there some equivalent of myArray["lastname"].remove()? (I need the element gone because the number …

Read More
How to create an associative array in JavaScript literal notation

I understand that there are no associative arrays in JavaScript, only objects. However I can create an array with string keys using bracket notation like this: var myArray = []; myArray['a'] = 200; myArray['b'] = 300; console.log(myArray); // Prints [a: 200, b: 300] So I …

Read More
JavaScript: Adding to an associative array

I have a function called insert which takes two parameters (name and telnumber). When I call this function I want to add to an associative array. So for example, when I do the following: insert("John", "999"); insert("Adam", "5433"); I want …

Read More