Javascript associative arrays differ on variable declaration

Question

I notice a difference when I declare a variable as an array or object and then add elements to it.

When I declare my variable as below:

var my_array = [];
my_array["a"] = 'first';
my_array["b"] = 'second';
console.log(my_array);

I get the following result:

[a: "first", b: "second"]

However, when I do the following:

var my_array = {};
my_array["a"] = 'first';
my_array["b"] = 'second';
console.log(my_array);

This is the result I get:

Object {a: "first", b: "second"}

What is really going on here?! Is one way standard, and the other not?! What are the downsides with compatibility?!

Thanks in advance.

P.S. I'm using Google Chrome.

Difference located in toString method. That's it.

Damask
– Damask

2012-11-27 11:17:53 +00:00
Commented Nov 27, 2012 at 11:17 — Damask
– Damask, Commented Nov 27, 2012 at 11:17
try console.log(my_array.length); on both ...

Eugen Rieck
– Eugen Rieck

2012-11-27 11:20:02 +00:00
Commented Nov 27, 2012 at 11:20 — Eugen Rieck
– Eugen Rieck, Commented Nov 27, 2012 at 11:20

Community · Accepted Answer · 2017-05-23 12:04:37Z

2

The first is an array and the secound is an object, which one to use depands on your goal, if you need arrays the array will be more usefull and effiecent than using an "array" object.

Further more an object can be used like this: myObject.a

While an array can be only used like this: myArray["a"]

Another diffrence is in the toString method. For an array it returns Banana,Orange,Apple,Mango (for example) and for an object it returns [object Object](for example).

For further reading: What is the difference between an array and an object?

Check if is array:

function isArray(obj) {
    return Object.prototype.toString.call(obj) === "[object Array]";
}

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Nov 27, 2012 at 11:19

Dan Barzilay

4,9835 gold badges29 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ObiHill Over a year ago

Thanks. I'm trying to find a way to differentiate the two in code, how do I do this? Can I just use toString and test which one returns a string as opposed to an object?!

ilCrosta · Accepted Answer · 2012-11-27 11:20:12Z

0

They are two different objects. I use the second for JSON response, and the first for normal use in the code.

answered Nov 27, 2012 at 11:20

ilCrosta

951 silver badge5 bronze badges

Collectives™ on Stack Overflow

Javascript associative arrays differ on variable declaration

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related