javascript - 使用 JavaScript 生成随机列表

Question

作为一种爱好，我组织了一个在线冰球比赛联盟。在赛季中，A联盟的球队与B联盟的球队交手一次。我想公平地给每个人提供偶数的主客场比赛(这在这场比赛中很重要)，这意味着我必须每隔几个月制作一个巨大的名单完成此任务的匹配次数。

我的想法是通过使用 JavaScript 单击按钮来完成这一切。 第一个问题是:我应该学习哪些技术来使用 JavaScript/JQuery 实现这一点？ (还有可选的 underscore.js，例如，我发现它有一些非常棒的洗牌功能)请记住，我几乎是初学者，并试图使其尽可能简单。下面我会写下我的计划，感谢建议!

<小时/>

首先，我有两个 HTML 元素，用户将在其中粘贴团队列表。之后，我创建两个包含每个 session 团队的 JavaScript 数组。

function makeArrayA() {
var arrayA = $('.confA').val().split('\n');
return arrayA;
}

太好了，这给了我包含所有团队的 arrayA (以及具有其自己的类似功能的 arrayB)。到目前为止很简单。

下一步是我真正陷入困境的地方:假设我在两个联盟都有 10 支球队，这意味着 5 个主场和 5 个客场比赛，太棒了。但也有可能我在联盟中只有 9 支球队，或者在其他联盟中只有 9 支球队，在其他联盟中只有 10 支球队。所以有些球队会有 5 个主场比赛，有些则只有 4 个。该怎么办？这使得我要跟上代码所需的逻辑变得更加困难。

function howManyHomeGames() {
var A = makeArrayA().length;
var B = makeArrayB().length;
}

上面的函数给了我每个数组的长度，之后我可以使用 IF 继续多个场景，太棒了。无论如何，这是我不知道如何继续的地方。

我知道，如果你能把它切成更小的部分，那么解决这样的大问题会变得更容易，这就是我需要帮助的地方。作为一名初学者，我看不到其余部分，并且可能会尝试在 IF 和随机函数的一个巨大、复杂和困惑的丛林中完成所有其余部分。

我可能应该首先从 confA 和 confB 中随机抽取一个团队并将它们放入一个数组(也许是 JSON 数组？)。然后选择下一个和下一个，依此类推，直到最后，始终检查随机选择的一对是否已经存在并且也通过了一些其他过滤器。

我的问题:

• 我应该检查哪些技术/文档部分来制作这个项目并尽可能保持简单？
• 除了上面列出的之外，还有什么需要注意的吗？
• JSON 数组是个好主意吗？
• 我在上面插入的代码块是否有效/良好的做法？
• 我该如何将其分解成更小的部分？
• 团队人数不等的情况如何处理？针对每种不同的情况从头开始编写整个函数？

注意:我不希望有人为我做这一切，我只需要一点点插入到正确的方向。先谢谢大家了!

Answer 1

为了让您开始，我创建了一个可以容纳一些东西的对象(myObject)。这可能比“基本”稍微复杂一些，但您可以使用该对象来“保存”诸如联赛球队、功能等内容。

我放入了一些console.log，您可以取消注释它们以查看它们的运行情况。根据您的问题，这只是“让您入门”。

您将需要一些其他功能，例如团队日程创建等。

// create object to hold stuff
var myObject = {
  mydata: {
    league: {
      teams: []
    },
    schedules: {}
  },
// function objects
  myfuncs: {
    init: function() {
      //console.log("inits:", this); // shows that 'this' is myfuncs
      // get the teams when click button
      $('#getteams').on('click', this.getTeams);// no clear, keeps adding...
      this.newfunc();// show use of added function
    },
    getTeam: function(myteams, name, whereat) {
      var tconf = $(whereat).val();
      // console.log("w:", whereat, "conf=:", tconf);
      var t = tconf.split('\n');// caution, blank lines become a team here...might be better to separate by comman "myteam,mysecondteam"
      console.log("t,tconf:", t, tconf);
      $.each(t, function(index, value) {
        // add to my team array (passed in here as myteams)
        myteams.push({
          teamName: value,
          teamConference: name
        });
      });
    },
    getTeams: function() {
      // console.log(this); // 'this' is the button here passed by jQuery
      // verbose called named function, there are other ways to do this
      myObject.myfuncs.getTeam(myObject.mydata.league.teams, "A", '#conf-a');
      myObject.myfuncs.getTeam(myObject.mydata.league.teams, "B", '#conf-b');
      // you will need to get each "list of teams" based on the conf name, this does not do that
      alert(myObject.mydata.league.teams.length);// however many got added based on paste
    },
  }
};
// add a new function to my object:
myObject.myfuncs.newfunc = function(){alert("innewfunc");};
myObject.myfuncs.init(); // call to init my things
alert(myObject.mydata.league.teams.length); // alerts 0, not processed yet

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="conf-a"></textarea>
<textarea id="conf-b"></textarea>
<button id="getteams">Get Teams</button>