JavaScript Data Structures - Array Object
JavaScript Data Structures - Array Object
Written by Ian Elliot   
Thursday, 05 January 2017
Article Index
JavaScript Data Structures - Array Object
Acess Methods
Array v Associative Array

Array and associative array

Now we come to a little controversy.

The Array object is still an object and as such it can be used as an associative array.

The associative nature of the Javascript Array is supplied via inheritance from the more general Object and it can be argued that it is accidental.

Every object in Javascript is an associative array, but the Array object is crafted to work with integer indices - so don't use it for an associative array. After all, its additional facilities don't work well with the basic associative features.

For example if you try:


you will discover that length is zero. The point is that integer properties are treated differently from associative properties.

There is also no direct way of creating an associative array via a literal. for example while you can write:

var A={A:0,B:1,C:2};

This creates an object A.

If you try:

var A=[A:0,B:1,C:2];

then you get an error because an Array literal can't be declared as an associative array.


var A=["A","B","C"];

declares a standard Array indexed as a[0]="A" and so on.


var A={"A","B","C"};

just generates an error message because objects need name value pairs to initialise them.

So the argument goes that the Array object is not to be used as an associative array because it was created to act as an integer indexed array.

However things aren't quite this simple.

Consider the way that you can reference object properties following:

var A={A:0,B:1,C:2};

You can refer to property B in either of two ways A.B or A["B"]. This is strange because [] is the array dereferencing operator and you can use this on any object, not just an Array object.

This confuses the issue.

However you can't refer to an array element using property notation even though the indices are stored as valid object properties. That is, A.0 doesn't work even though A does have a property called numeric zero.

The best way way to understand all this is to realize that an Array object is an associative array that has integer valued properties and this makes it special. The best advice is - don't use an Array object as a general associative array unless you need to mix string and numeric indices.

In general an Array is an array and an Object is an associative array.




Chapter List 

  1. The Associative Array

  2. JavaScript Data Structures - the Array object

  3. JavaScript Data Structures - the String Object

  4. Speed dating - the art of the JavaScript Date object

  5. A collection object

  6. Javascript data structures - Stacks

  7. JavaScript Data Structures - The Linked List

  8. JavaScript data structures - a Lisp-like list

  9. Stacks, Queue and Deque

  10. Javascript data structures - The Binary Tree

  11. JavaScript Data Structures - Typed Arrays I

  12. JavaScript Data Structures - Typed Arrays II



To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on, Twitter, FacebookGoogle+ or Linkedin.


jQuery UI and Auto-Complete Address Entry

jQuery UI has a little-known feature that makes interactive auto-complete very easy. In this hands-on tutorial we put it together with the cloud-based Global Express Entry address auto-complete servic [ ... ]

JQuery 3 - Reinventing Events

JavaScript is an event driven language - which means you can't avoid dealing with events. jQuery doesn't just provide a browse-independent way of working with events, it reinvents the event system. Wi [ ... ]

Other Articles



blog comments powered by Disqus








Last Updated ( Thursday, 05 January 2017 )

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