Javascript HTML-用户添加的变量

在HTML/javascript中是否有方法让用户添加变量

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

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

和一个按钮：

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

新建

---

我希望按钮添加一个新变量

username'x'

，其中

x

是序列中的下一个数字（在本例中为4）

可以-通过将属性分配给

窗口

，使变量成为全局变量

const myVariableName='foo'
常量myVariableValue='bar'
窗口[myVariableName]=myVariableValue
console.log（foo）//记录“bar”

是的，您可以-通过将属性分配给

窗口

，这将使变量成为全局变量

const myVariableName='foo'
常量myVariableValue='bar'
窗口[myVariableName]=myVariableValue
console.log（foo）//logs'bar'

1（不推荐）有一个变量，告诉您的代码您使用的号码，然后执行以下操作：

window['username'+userNameIndex] = newUsername;

或

2将您的用户名放入数组：

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

并将新用户名添加到数组中：

username.push(newUserName);

1（不推荐）有一个变量，告诉您的代码您使用的号码，然后执行以下操作：

window['username'+userNameIndex] = newUsername;

或

2将您的用户名放入数组：

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

并将新用户名添加到数组中：

username.push(newUserName);

---

<>而不是拥有不同的变量<代码>用户名< /代码>，你可以考虑拥有一个可以迭代的数组。考虑下面的片段：

var username=[]；
无功电流=0；
函数newUsername（）{
电流++；
username.push（{[“username”+current]：“test”+current}）
console.log（用户名）；
}

---

<代码>新< /代码> 而不是拥有不同的变量<代码>用户名< /代码>，您可以考虑拥有一个可以迭代的数组。考虑下面的片段：

var username=[]；
无功电流=0；
函数newUsername（）{
电流++；
username.push（{[“username”+current]：“test”+current}）
console.log（用户名）；
}

---

New

您可以将用户名保存在一个包含对象的数组中

比如说：

var usernames = [{}]

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

newUsername("test");

---

结果：用户名[{username1:“test”}]

您可以将用户名保存在一个包含对象的数组中

比如说：

var usernames = [{}]

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

newUsername("test");

---

结果：用户名[{username1:“test”}]

如何使用新创建的变量？这有什么用？在这个示例中，我想的是这样可以拥有无限多的用户。为什么希望有人按下按钮来生成可预测的列表？这有什么用？您是否有一个服务器应用程序，其数据库存储用户帐户？如果你真的谈论应用程序的用户，你需要这样的东西。你如何使用新创建的变量？这有什么用？在这个例子中，我想的是这样你可以拥有无限多的用户。为什么你希望有人按下按钮来生成一个可预测的列表？这有什么用？您是否有一个服务器应用程序，其数据库存储用户帐户？如果您真的谈论应用程序的用户，您将需要类似的东西。