javascript - JavaScript 動的変数名

Question

わかりましたので、ユーザーがクリックしてコードをスローすると、クリックするたびに新しい変数が追加されるので、変数を作成したいと思います。私は現在jqueryとjavascriptを使用していますが、サーバー側ではできません。これはブラウザで行う必要があります。

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

だから私は変数をhello1、hello2、hello3、hello4などにしたい.

score 33 · Accepted Answer

ブラケット表記でのみこれを行うことができます。つまり、変数を何かに添付する必要があります。
グローバルスコープは window なので、になりますがwindow['hello' + newCount]、ランダムなプロパティの束でグローバル名前空間を汚染することは良い考えとは思えないため、オブジェクトを使用する方が良いようです。

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

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

alert( vars['hello1'] );

フィドル

score 2 · Accepted Answer

JavaScript (私が知っているように) では、動的変数を作成する方法が 2 つあります。

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]);

詳細情報 javascript で動的変数を宣言して使用するにはどうすればよいですか?

score 1 · Accepted Answer

あなたが使用することができますwindow

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

同じく..

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 ]);
    });

score 1 · Accepted Answer

単純な配列を使用して変数を格納するだけです。次に、インデックス n を持つオブジェクトは変数 n などになります。

score -1 · Accepted Answer

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

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

jsfiddle

javascript - JavaScript 動的変数名

6 に答える 6

Related

Reference