Difference between var = {} and var = []? [duplicate]

Answer 1

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.

Answer 2

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 //undefined
typeof []['slice'] //function
typeof {}['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

Answer 3

[] 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}'

Answer 4

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 101
  
  var 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"]
  

Answer 5

The first is an array, the second is a literal object:

var a = {};
a.SomeProperty = 1;

console.log(a.SomeProperty);

var b = [];
b['SomeProperty'] = 2;

console.log(b['SomeProperty']);

This will output 1 and 2 in the console logs.

For hashing, use an array (WRONG), thanks for the comment.

Answer 6

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.