Get dynamically created variable with javascript

Question

I have created with php several javascript array which are called as follows:

pricesArray_230
pricesArray_350
...etc...

I now want to access these arrays, but I have no clue how to include the dynamic part.

My code right now, which is not working:

newPrice = pricesArray_+productId+[currentSimpleProduct][0];

Where productId is the dynamic part and represents 230, 350, or any other number.

Do any of you have an idea how to dynamically call these arrays?

Why don't you simply put them in a big (sparse) array or in an object? — Bergi, Aug 14 '13 at 20:06

Jacob · Answer 1 · 2013-08-14T20:18:40.613

3

To avoid eval, assuming that pricesArray_* are global variables, you can use:

window['pricesArray_' + productId][currentSimpleProduct][0]

Better yet, update your dynamically-generated code so it creates an object or array instead of variables:

var pricesArrays = {
    '230': {...},
    '350': {...},
    // etc
}

edited Aug 14 '13 at 20:18

answered Aug 14 '13 at 19:47

Jacob

score 3 · Answer 2 · answered Aug 14 '13 at 19:48

3

If you're in the browser, and the variable is in the global scope, you can use bracket notation like:

foo = window['pricesArray_'+productId[currentSimpleProduct][0]]

answered Aug 14 '13 at 19:48

djheru

score 1 · Answer 3 · answered Aug 14 '13 at 19:47

You have to use eval:

newPrice = eval('pricesArray_' + productId)[currentSimpleProduct][0];

However, eval can be problematic, so I suggest using an object instead. This will require you to change your PHP code to output something like this:

var arrays = {
    product230 : [], // array here
    product350 : [] // array here, etc.
}

Then you can just use:

newPrice = arrays['product' + productId][currentSimpleProduct][0];

3 Answers3