JavaScript: Dynamically Creating Variables for Loops

Javascript

Javascript Problem Overview


How can I use a for loop to dynamically create variables, and be returned.

function createVariables()
{
for ( i=0; i<=20; i++ )
    {
        var account = i;
        return var account + i;
    }
 }

The goal is to have the result below:

var account1;
var account2;
var account3; and etc.....

Javascript Solutions


Solution 1 - Javascript

You should use an array:

function createVariables(){
  var accounts = [];

  for (var i = 0; i <= 20; ++i) {
      accounts[i] = "whatever";
  }

  return accounts;
}

You then have access to accounts[0] through accounts[20].

Solution 2 - Javascript

The only way I know how to do this would be to use the JavaScript eval function.

Something like eval("account" + 1 + "='some value'");

http://www.w3schools.com/jsref/jsref_eval.asp

However, I think @Domenic has a better answer.

Solution 3 - Javascript

I was unsure about answering an old question however I stumbled across this while seeking an answer myself.

for (var i = 1; i < 11; i++) { // Creating 10 objects
window["Object"+i] = new Object();
}
console.log(Object7); // is not undefined

The above code loops to 10 while creating dynamic objects, as described on https://www.codecademy.com/en/forum_questions/51068e93f73ad4947a005629

Solution 4 - Javascript

You can use the eval() method to declare dynamic variables as it executes JavaScript statements passed to it.

function createVariables()
{
    for ( i=0; i<=20; i++ )
    {
        var str ="account"+ i+" = undefined";
        //Declaring and Setting dynamic variable to undefined using eval
        eval(str);
    }
}
createVariables();

Solution 5 - Javascript

I find this a simplest solution

for (var i = 0; i < 10; i++) {
   this["RONAK"+i] = "MY VAL";
}

Output

RONAK0 = "MY VAL"
RONAK1 = "MY VAL"
RONAK2 = "MY VAL"
...
RONAK9 = "MY VAL"

Solution 6 - Javascript

let etc = { name: 'foobar', city: 'xyz', company: 'companyName' };

Object.keys(etc).forEach(key=>{
window[`${key.toUpperCase()}`] = new Object(`${etc[`${key}`]}`)
});

console.log("-->"+NAME) //foobar

this is similar to what @whatevermike describes but it does not work in NodeJS because it uses window. :(

Solution 7 - Javascript

function createVariables() {
    var accounts = [];
    for (var i = 0; i <= 20; ++i) {
        accounts[i] = "merhaba" + i;
    }
    return accounts;
}

Solution 8 - Javascript

The following code will actually create variables, instead of creating this sort of hash table proposed by @Domenic

    function createVariables(){
        var varName = "accounts";

        for (var i = 0; i <= 20; ++i) {
            eval('var ' + varName + i + ' = ' + '"whatever"' + ';');
        }

        return accounts;
    }

Solution 9 - Javascript

I was pretty proud of the way I made iterating variables with my code, was going to share it but I think I'll just sort of show you modified version of it.

function variableBuilder() {
   let i = 0;
   while (i <= 20) {
      let accountVariable = "account".concat(i);
      `// variable can even be reassigned here`
      console.log(accountVariable);
      i++;
   }
}

you can use the variable as an iterating variable identifier, in the spot that I suggested; I used this method to build DOM nodes, to create a dynamically built HTML table.

Solution 10 - Javascript

we can use map for it.

var map = {};
for (var i = 0; i < 10; ++i) {
  map["nutrient" + i] = "some stuff" + i;
}
console.log(map)

result:

{
  nutrient0: 'some stuff0',
  nutrient1: 'some stuff1',
  nutrient2: 'some stuff2',
  nutrient3: 'some stuff3',
  nutrient4: 'some stuff4',
  nutrient5: 'some stuff5',
  nutrient6: 'some stuff6',
  nutrient7: 'some stuff7',
  nutrient8: 'some stuff8',
  nutrient9: 'some stuff9'
}

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionuser763349View Question on Stackoverflow
Solution 1 - JavascriptDomenicView Answer on Stackoverflow
Solution 2 - JavascriptNotMeView Answer on Stackoverflow
Solution 3 - JavascriptwhatevermikeView Answer on Stackoverflow
Solution 4 - JavascriptMd Junaid AlamView Answer on Stackoverflow
Solution 5 - JavascriptRONAK TOSHNIWALView Answer on Stackoverflow
Solution 6 - JavascriptJasp402View Answer on Stackoverflow
Solution 7 - JavascriptCihan başView Answer on Stackoverflow
Solution 8 - JavascriptJaguarfiView Answer on Stackoverflow
Solution 9 - JavascriptBrandon WrightView Answer on Stackoverflow
Solution 10 - Javascriptsherwin waterView Answer on Stackoverflow