How i can use looping to declare dynamic variable in JavaScript?

Question

i have a lot of variables in JavaScript maybe 50 variables, and i want to declare variables by using loop, how i can do it dynamically.

var img1,img2,img3;
for(var i =1; i<50; i++){
  var img+i = document.getElementById(i);
  /* i wanna doing some thing like that */
}

is it ok to put them in an object or array? obj["img" + i] = document.getElementById(i); — mbehzad
– mbehzad, Commented Sep 11, 2017 at 11:43

Danil Speransky · Accepted Answer · 2017-09-11 11:43:51Z

2

Consider storing variables in an object:

var images = {}

for (var i = 1; i < 50; i++) {
  images['img' + i] = document.getElementById(i)
}

// usage
console.log(images.img5)

Or in an array:

var images = []

for (var i = 1; i < 50; i++) {
  images.push(document.getElementById(i))
}

// usage   
console.log(images[4])

answered Sep 11, 2017 at 11:43

Danil Speransky

30.5k6 gold badges70 silver badges78 bronze badges

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

1 Comment

Actually i do it, but i don't have enough reputation.

connexo · Accepted Answer · 2017-09-11 12:20:29Z

0

This will create variables img1 ... img49 on the global object (in the global namespace):

for(var i = 1; i < 50; i++){
  window['img'+i] = document.getElementById(i);
}

answered Sep 11, 2017 at 11:43

connexo

57.2k15 gold badges112 silver badges149 bronze badges

Debabrata · Accepted Answer · 2017-09-11 11:44:44Z

0

you can create a javascript array. e.g--

var array=[];
for(var i =1; i<50; i++){
    array[i] = document.getElementById(i);
}

after that you can call that element by array[i]

answered Sep 11, 2017 at 11:44

Debabrata

4984 silver badges13 bronze badges