Comment puis-je déclarer et utiliser des variables dynamiques en JavaScript ?

Question

Supposons que j'ai besoin de déclarer une variable JavaScript basée sur un compteur, comment dois-je le faire?

var pageNumber = 1;
var "text"+pageNumber;

Le code ci-dessus ne fonctionne pas.

Answer 1

En JavaScript (que je sache) il existe 2 façons de créer des variables dynamiques :

1. La fonction eval
2. L'objet window

eval :

var pageNumber = 1;
eval("var text" + pageNumber + "=123;");
alert(text1);

objet window :

var pageNumber = 1;
window["text" + pageNumber] = 123;
alert(window["text" + pageNumber]);

Answer 2

Comment accéderiez-vous ensuite à ladite variable si vous ne connaissez pas son nom? :) Vous feriez probablement mieux de définir un paramètre sur un objet, par exemple :

var obj = {};
obj['text' + pageNumber] = 1;

si vous voulez vraiment faire cela :

eval('var text' + pageNumber + '=1');

Answer 3

Je ne pense pas que vous puissiez le faire en utilisant JavaScript. Je pense que vous pouvez utiliser un tableau à la place de cela,

 var textArray=new Array();
    textArray[pageNumber]="something";

Answer 4

En supposant que la variable est dans la portée globale, vous pourriez faire quelque chose comme ceci :

var x = 1;
var x1 = "test"
console.log(window["x" + x]); // affiche "test"

Cependant, une meilleure question pourrait être pourquoi vous voulez un tel comportement.

Answer 5

Vous pouvez également envelopper votre compteur dans un objet :

var PageNumber = (function() {
  var value = 0;
  return {
   getVal: function(){return value;},
   incr: function(val){
            value += val || 1;
            this['text'+value]=true /*or some value*/;
            return this;
         }
   };
})();

alert(PageNumber.incr().incr().text2); //=>true
alert(PageNumber['text'+PageNumber.getVal()]) /==> true