Difference Between Var = {} And Var = []?

Possible Duplicate: Objects vs arrays in Javascript for key/value pairs I have a variable in JavaScript which I am using like a hash. I can initialize it like: var selected = []

Solution 1:

[] is an array, {} is an object. An array is a type of object intended to be only assigned numeric keys.

While you can in theory use them interchangably, look what happens when you JSON-ify them:

var tmp = []; // or: var tmp = {}
tmp.one = 1;
JSON.stringify(tmp);

// array:'[]'// object:'{"one":1}'

Solution 2:

An Array ([]) is a kind of Object ({}). The key differences are:

• Arrays have a magic length property that is equal to the highest-set numeric key (plus one):

  var a = [];
  a[100] = 0;
  a.length; // is 101var o = {};
  o[100] = 0;
  o.length; // is undefined

• An Array's toString method prints out the values of numeric keys:

  var a = [];
  a[0] = 5;
  a[1] = 6;
  a[2] = 7;
  a.toString(); // "[5,6,7]"var o = {};
  o[0] = 5;
  o[1] = 6;
  o[2] = 7;
  o.toString(); // "[object Object]"

• Arrays have lots of specific functions for processing records:

  > Object.getOwnPropertyNames(Array.prototype)
  ["join", "toLocaleString", "sort", "some", "lastIndexOf", "splice", "map",
   "constructor", "every", "unshift", "shift", "indexOf", "pop", "forEach", "reverse",
   "reduce", "slice", "concat", "filter", "toString", "reduceRight", "push", "length"]
  

Solution 3:

Yup, {} is an empty object and [] is an empty array. Note that an array is a kind of object, optimized to handle a list of values, but, like any Javascript object, it can accept other attributes like "one" or "two" — which is how it can support methods like myArray.push(1): push is an attribute of all arrays. In fact, you can even say myArray["push"] = someOtherFunction to override push without any trouble. Arrays, like all Javascript objects, support arbitrary key-value assignments.

Ultimately, though, it has to do with behind-the-scenes performance. If you're looking to store a sequential list of values, the array will handle it much better and offer some helpful attributes like push, shift, length, etc. — plus, future developers will actually know what you're doing. If you're looking to just store key-value pairs, the object is the way to go, since it's not bogged down by all that extra weight.

In short, while they both support key-value pairs, they're very different behind the scenes. Don't worry too much about it and use whichever lends itself better to the job at hand.

Solution 4:

Using {} is an object, which is the basis for every complex type in Javascript. The reason you can treat an array like an object is because in Javascript an array is an object (but not the other way around).

The square brackets in Javascript are the way you access an object's attributes, much like the . notation in C, Java, Python, etc. It just so happens that arrays have values at attribute 0, 1, 2, etc. Arrays also have a whole bunch of other built-in attributes like length, shift, push, etc.

This is an oversimplification for sure, however it's an easy way to understand what's going on.

Solution 5:

An Array is an Object, but an Object is not (always) an Array. An Array has methods and properties not present in every object Example

[].length//0
{}.length//undefinedtypeof[]['slice']//functiontypeof {}['slice']//undefined

If you use an array as a hashmap and try to use as a key something already present you will get into trouble