use variables as keys in multi level json object

Question

I have a JSON object called arrayToSubmit. Here is the following code:

location = "Johannesburg, South Africa";
type = "bench";
qty = 1;
assetNumber = 15;

arrayToSubmit = {
    location : {
        type : {
            'qty' : qty,
            'assetNumber' : assetNumber
        }
    }
}

But the result in chrome is as follows:

Object{location { type : {"qty" : "1", "assetNumber" : "15"}}}

I need to replace the words location and type with the variables in the initial code, like this:

Object{"Johannesburg, South Africa" = { "bench" = {"qty" - "1", "assetNumber" : "15"}}}

(I am pulling these values from my page, I just typed them out here for ease of use).

I have already tried these two examples, but don't know how to get it in multi level format.

is a way that use var to create json object in key

how to set a json key from a variable

I guess you couldn't figure out how to refer to the "location" property after setting it? Like so: var data = {}; data[location] = {}; data[location][type] = {...}; — Felix Kling
– Felix Kling, Commented Feb 17, 2015 at 6:22

Oleksandr T. · Accepted Answer · 2015-02-17 06:23:26Z

3

You can use bracket notation, like this

var arrayToSubmit = {};

arrayToSubmit[location] = {};
arrayToSubmit[location][type] = {
  'qty': qty,
  'assetNumber': assetNumber
};

edited Feb 17, 2015 at 6:23

answered Feb 17, 2015 at 6:17

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

3 Comments

VaMoose Over a year ago

This worked, thank you. I didnt figure out bracket notation before as I missed the line arrayToSubmit[location] = {};.

Felix Kling Over a year ago

@VaMoose: The question you linked to already explains the exact same thing: stackoverflow.com/a/882749/218196. Using bracket notation is the solution, how could you have missed that? edit: Or did you mean you forgot to create the object? I mean, you cannot just do var foo; foo[bar] = '...'; either, you have to create the object first.

VaMoose Over a year ago

@FelixKling I used bracket notation, I just didnt figure out how to do it properly, I missed the {} when creating the variable.

G Roy · Accepted Answer · 2015-02-17 06:20:13Z

1

You have to use the [] operator to use a variable value as a key. When declaring properties inside the object initializer {} the keys are always literal.

You do it like this :

var location = "Johannesburg, South Africa";
var objectToSubmit = {};
objectToSubmit[location] = {...};

Hope this helps.

answered Feb 17, 2015 at 6:20

G Roy

1663 bronze badges

Comments

Manwal · Accepted Answer · 2015-02-17 06:20:51Z

0

Consider this code:

arrayToSubmit = {};
obj = {};
obj[type] = {
            'qty' : qty,
            'assetNumber' : assetNumber
        };
arrayToSubmit[location] = obj;

answered Feb 17, 2015 at 6:20

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Comments

Evgeniy · Accepted Answer · 2015-02-17 06:44:30Z

0

First of all, do not use 'location', it will interfere with window.location variable.

arrayToSubmit = {};
arrayToSubmit[loc] = {};
arrayToSubmit[loc][type] = {
    'qty' : qty,
    'assetNumber' : assetNumber
};

edited Feb 17, 2015 at 6:44

Evgeniy

2,9213 gold badges23 silver badges35 bronze badges

answered Feb 17, 2015 at 6:39

Riyad Ottayil

213 bronze badges

1 Comment

VaMoose Over a year ago

I missed that! Changing it now. Thanks !

Collectives™ on Stack Overflow

use variables as keys in multi level json object

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Linked

Related