JS/Jquery - using variable in json selector

Question

I need to use a variable when selecting data from a json source like this. The json is retrieved with jquery getJSON().

"prices":[{
    "fanta":10,
    "sprite":20,
}]

var beverage = fanta;
var beverage_price = data.prices.beverage;

Now beverage_price = 10

var beverage = sprite;
var beverage_price = data.prices.beverage;

Now beverage_price = 20

When I try to do it like in the examples, the script tries to look up the beverage entry in prices.

Thanks a lot!!

possible duplicate of How to use variables in dot notation like square bracket notation — Matt
– Matt, Commented Mar 15, 2013 at 12:37

techfoobar · Accepted Answer · 2013-03-15 12:44:30Z

3

You can access it like:

var beverage = 'fanta';
var beverage_price = data.prices[0][beverage];

answered Mar 15, 2013 at 12:44

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:11:05Z

0

As VisioN mentioned in the comment, data.prices is an array, you need to access its first element with [0] which contains prices { "fanta":10, "sprite":20}

here is the working example : http://jsfiddle.net/2E8AH/

Or else you can make data.prices an object like below : (if it is in your control)

var data = {
    "prices" : 
        {
            "fanta":10,
            "sprite":20,
        }
};

and can access without [0] like this : http://jsfiddle.net/Y8KtT/1/

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Mar 15, 2013 at 13:05

Anil Bharadia

2,8306 gold badges36 silver badges46 bronze badges

Collectives™ on Stack Overflow

JS/Jquery - using variable in json selector

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest