JavaScript Data Structures - Associative Array
JavaScript Data Structures - Associative Array
Written by Ian Elliot   
Monday, 08 August 2011
Article Index
JavaScript Data Structures - Associative Array
Integer keys

The function evaluation operator

To evaluate a function you use the () operator:


which executes the functionobject to its left and evaluates to the result that the function returns.

For example:


which produces:




Notice that you can apply the () operator to a function object no matter how you choose to retrieve it so you can use the property notation to make it look like an object method:


or you can use array notation which makes the method call look very odd:


It doesn't matter how odd it looks as the () operator always evaluates the function object to its left and returns the result of the function as its value.

So with just a versatile associative array, a function object and the function evaluation operator () JavaScript implements objects. If you reflect on this for a moment you might agree that this is remarkable and elegant.




Integer keys

Now we need to look at the special case of integer keys. As an alternative to string keys you can use integer keys but if you do use a string key you cannot refer to the value using its ordinal position in the array. For example if you define the array as:

array={'key1': 'value1',

You cannot refer to key1 using array[0] or key2 as array[1]. This might seem obvious but notice that with JavaScript arrays provided by the DOM you can use either the key or the ordinal position. For example




both work and return the same object as long as myform is the second form in the array. It is important to notice that this dual indexing doesn't work for general JavaScript associative arrays.

When you use an integer key in an associative array it works just like a string or identifier key - as long as you use array and not property syntax. In fact JavaScript converts the integers to an equivalent string value.

That is if you define:

array={0: 'value1',

you can retrieve the function using




but not


and not


So apart from not being able to use property syntax integer keys are no different. However they look as if they should be different. In particular an associative array with integer keys looks like a standard indexed array - but it isn't. For example, if we redefine array:

array={235: 'value1',

then you can call the function using:


Only the array elements you define are created in an associative array and so in this case array has just two members - array[235] and array[64]. This is efficient if you only want to use these two elements but JavaScript also provides the Array object which is optimized for storing indexed arrays and has lots of additional methods for working with indexed arrays. As it derives from Object it also can be used as an associative array but in this case the associative storage and the integer storage are handled in different ways. You can use an Array as an associative array but it really isn't a good idea because you are then incurring an overhead you aren't using and it can become very confusing having and indexed store and an associative store. 

If you want to use an associative array use an Object.

If you want to use an indexed array use Array.

That is don't use


but use


This isn't to say that the JavaScript Array isn't useful - it is a very powerful data structure and one we need to take a look at in a future data structures article.


This is one of a series of articles on implementing data structures in JavaScript.

See also:

See also:




jQuery 3 - Modifying DOM Objects

Finding a DOM object using selectors and filters is usually just the first step. Once you have found what you are looking for, you generally want to modify it. In this chapter we look at the tools tha [ ... ]

Javascript Data Structures - a collection object

Javascript has some good basic facilities for implementing data structures without too much effort. In this article the data structure under review is the collection, including an enumerator.

Other Articles






Last Updated ( Tuesday, 15 January 2013 )

RSS feed of all content
I Programmer - full contents
Copyright © 2016 All Rights Reserved.
Joomla! is Free Software released under the GNU/GPL License.