JavaScript dynamische Variablennamen

Question

Ok, also möchte ich Variablen erstellen, wie ein Benutzer klickt warf den Code bei jedem Klick fügt eine neue Variable. Ich benutze derzeit jquery und javascript Ich kann es nicht tun Server-Seite Dies muss im Browser erfolgen.

newCount = document.getElementById('hello').innerHTML; 
    $('.hello').click(function(){ 
     //set count fast enumeration 
     newCount++; 
     var hello + newCount = '<p>Hello World</p>'; 
    }); 

so möchte ich die Variablen hello1, hello2, hello3, hello4 sein usw.

Answer 1

Sie verwenden können kann das nur mit Klammernotation machen, was bedeutet, dass Sie die Variablen an etwas anhängen müssen.
Die globale Reichweite würde Fenster, so dass window['hello' + newCount] sein würde, aber mit einer Reihe von zufälligen Eigenschaften des globalen Namensraum verschmutzen klingt nicht wie eine gute Idee, so ein Objekt mit Hilfe scheint besser

var vars = {}; 
var newCount = parseInt($('#hello').html(), 10); 

$('.hello').click(function(){ 
    newCount++; 
    vars['hello' + newCount] = '<p>Hello World</p>'; 
}); 

alert(vars['hello1']); 

FIDDLE

Answer 2

Sie window

var window['hello' + newCount ] = '<p>Hello World</p>'; 

ebenfalls ..

newCount = document.getElementById('hello').innerHTML; 
    $('.hello').click(function(){ 
     //set count fast enumeration 
     newCount++; 
     var window['hello' + newCount ] = '<p>Hello World</p>'; 
     alert(window['hello' + newCount ]); 
    }); 

Answer 3

In JavaScript (ich weiß) gibt es 2 Möglichkeiten, mit denen Sie dynamische Variablen erstellen:

eval Function 
window object 
eval: 

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

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

für mehr inforamtion How do i declare and use dynamic variables in javascript?

Answer 4

Ich würde einfach ein einfaches Array verwenden, um die Variablen zu speichern. Dann wird das Objekt mit dem Index n wäre Variable n etc ..

Answer 5

var newCount = 0; 
$('#btn').click(function(){ 

    newCount++; 
    $('#hello').html('hello' + newCount); 
}); 

jsfiddle

Answer 6

einfachste Weise

var types = {}; 

for(var i=1; i<=3; i++){ 
types["ashish"+i] = 'The value of dynamic variable, val'; 
} 

console.log (Typen);

Sie können es testen auf

jsfiddle