如何通过单击按钮生成包含对象的新变量？

Question

所以我要做的是在每次填写表格并单击相应按钮时创建一个包含球队信息（名称、联赛、球员）的新对象。

团队对象是类团队的一个实例。我目前正在努力将生成的团队存储为变量。

不幸的是，每次单击按钮时都会覆盖该变量。

我该如何解决这个问题？每次单击按钮时，我能否以某种方式创建一个动态变量名称（例如 var name = team.name）？我想要为每个创建的团队创建一个新变量，以便我始终可以识别和访问它。

对不起，我还是个 JS 新手。干杯! :)

class team {
    constructor(teamname, teamleague, players) {
        this.teamname = teamname;
        this.teamleague = teamleague;
        this.players = [];

    }

var generatedTeamName = "";
var generatedTeamLeague = "";
var newteam = "";

var listofTeams =[];

$(document).ready(function(){
/* --- NEW TEAM ----------------------------------------------------------------------------------------------------*/

    $("#generateteam").click(function(){
      generatedTeamName = $('input[name="text-5"]').val();
      generatedTeamLeague = $('input[name="text-6"]').val();

      var storenewTeamhere = new team (generatedTeamName, generatedTeamLeague, []); 

    })
});

}

Answer 1

我不确定您希望如何使用存储的团队数据，但有很多方法可以做到这一点。

class Team {
  constructor(teamname, teamleague, players) {
    this.teamname = teamname;
    this.teamleague = teamleague;
    this.players = players;
  }
}

/* the array method */
const listOfTeams = [];

$("#generateteam").click(function () {
  let name = $('input[name="text-5"]').val();
  let league = $('input[name="text-6"]').val();
  let team = new Team(
    name,
    league,
    []
  );

  listOfTeams.push(team);

  // you can access the team as simply `team` here
});

// here you can access the teams by array index
// listOfTeams[i]

/* the object method */
const teams = {};

$("#generateteam").click(function () {
  let name = $('input[name="text-5"]').val();
  let league = $('input[name="text-6"]').val();
  let team = new Team(
    name,
    league,
    []
  );

  teams[name] = team;

  // you can access the team as simply `team` here
});

// you can now access the team by teamname
// teams['Some Team Name']