In javascript stringify array does not return expected behavior

Question

I'm getting a weird behavior out of javascript, anyone can help me?

When I click on the 'test' link I get an alert with this string: "[]"

I was expecting something like : "[{'temp':25},{'thermState':'Notte'}]"

What am I doing wrong?

<html>
<head>
    <script type="text/javascript" charset="utf-8" src="js/json2.js"></script>
    <script type="text/javascript" charset="utf-8">

    function test(){
        this.radioStates="";
        this.state = [];
        this.state["temp"]=25;
        this.state["thermState"]="Notte";
        alert(JSON.stringify(this.state));
    }

    </script>
</head>
<body>
<a href="#" onclick="test()">test</a>
</body>
</html>

You can't have associative arrays in Javascript. this.state["temp"]=25 should be this.state{ "temp" : 25 } — punkrockbuddyholly
– punkrockbuddyholly, Commented Jan 31, 2012 at 10:40

Royi Namir · Accepted Answer · 2012-01-31 10:39:00Z

6

change to :

this.state = {}; ................

properties can be added to object not to arrays.

answered Jan 31, 2012 at 10:39

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

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

Comments

Slappy · Accepted Answer · 2012-01-31 10:40:09Z

2

this.state = {}; // Declare as object
this.state["temp"]=25;
this.state["thermState"]="Notte";
alert(JSON.stringify(this.state));

or

this.state = [];
this.state[this.state.length]= {temp: 25};
this.state[this.state.length]= { thermState: "Notte"};
alert(JSON.stringify(this.state));

The first works as an associative array / object, the second works as an array of objects.

answered Jan 31, 2012 at 10:40

Slappy

4,1022 gold badges33 silver badges42 bronze badges

Comments

kapa · Accepted Answer · 2012-01-31 10:47:06Z

You could get your expected output by saying:

this.state = [];
this.state[0] = { 'temp' : 25 };
this.state[1] = { 'thermState' : "Notte" };

jsFiddle Demo producing your desired output

Let me try to explain the unexpected behaviour.

In Javascript, everything is an object. When you write this.state = []; your this.state variable becomes an Array object which is empty. You can add elements to it by writing this.state[number] = x or this.state.push(x).

Javascript has no associative arrays. When you write this.state["temp"]=25; you are setting a property on your Array object. You are not putting anything to the array itself. Now this.state will have a property that you can access by this.state.temp or this.state['temp'], but it will not appear in the array itself, because it was not added to that.

Aliostad · Accepted Answer · 2012-01-31 10:39:36Z

0

You need to use push, if you want state to be an array:

this.state.push({"temp":25, "thermState": "Notte"});

answered Jan 31, 2012 at 10:39

Aliostad

81.9k21 gold badges164 silver badges209 bronze badges

Collectives™ on Stack Overflow

In javascript stringify array does not return expected behavior

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related