javascript - HTML - 用户添加的变量

Question

在 HTML/javascript 中有没有办法让用户添加变量？

例如:
我有一个用户名列表:

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

和一个按钮:

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

我希望按钮添加一个新变量 username'x'，其中 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>