HTML - ユーザーが変数を追加

Question

HTML/javascriptでユーザーに変数を追加させる方法はありますか？例えば

：
は、私は、ユーザー名のリストを持っている：

var username1 = "test1"; 
var username2 = "test2"; 
var username3 = "test3"; 

とボタン：

<button type="submit" onclick="newUsername()">New</button> 

私はボタンがxは次の番号である新しい変数username'x'を追加します（この場合は4）。

Answer 1

代わりに別の変数にusernameを持つのは、あなたが反復処理できるアレイを有すると考えることができます。以下のスニペットを考えてみましょう：

var username=[]; 
 

 
var current = 0; 
 

 
function newUsername(){ 
 
current++; 
 
username.push({["username"+current]: "test"+current}) 
 
console.log(username); 
 
}

<button type="submit" onclick="newUsername()">New</button>

Answer 2

はい、変数をグローバルにするwindowにプロパティを割り当てることができます。

window['username'+userNameIndex] = newUsername; 

それとも

2位：

Answer 3

1（推奨されません）

const myVariableName = 'foo' 
 
const myVariableValue = 'bar' 
 
window[myVariableName] = myVariableValue 
 

 
console.log(foo) // logs 'bar'

は、このような何かをあなたが上にあるどの番号にコードを伝える変数を持っていますあなたのユーザー名を配列に入れます：

var usernames = ['test1','test2','test3']; 

、配列に新しいユーザー名を追加します。

username.push(newUserName); 

Answer 4

あなたは例えば、オブジェクトの配列で、あなたのユーザ名を保持することができます。

レッツは言う：

var usernames = [{}] 

function newUsername(text) { 
    var arrLength = usernames.length || 0; 
    usernames.push({ ["username" + arrLength]: text }); 
} 

newUsername("test"); 

結果：ユーザ名[{USERNAME1： "テスト"}]