Javascript/HTML, is it possible to create variable names from a loop

Question

Imagine i had: <div id names>142,140,150</names>

could i then (in Javascript) write a forloop which declares variable names, with these values appended ie

var list = document.getElementById('names').innerHTML.Split(',');

for(i=0; i<list.Length; i++){
    var 'beginning' + list[i];
}

so i'd essentially want to create:

var beginning142
var beginning140
var beginning150

Answer 1

You can indeed:

window['beginning' + list[i]] = 'value';

Funny coincidence, I answered a very closely related question 10 seconds prior to this one, and then I used exactly this as an example. So a more elaborate explanation on why this works is available here.

Answer 2

I can't add comment to your question due to low reputation score - this is not answer but advice. I think It would be better to create single array with your keys 142,140,150...

Answer 3

You can do something like this:

for(var i = 0; i<100; i++)
{
   eval("var beginning"+i);
}

Answer 4

Why don't you define an object that has those values as an attribute on it.

For example:

var myVariable = function(id, value){
 this.Id = id;
 this.Value = value;
};

then you can just instantiate this object. I think it is less complicated and more readable in the end.