Question

作为一个爱好，我为一个在线冰球比赛进行了各种各样的联赛。在赛季期间，来自A会议的球队一度对阵来自B会议的球队。我想公平地给每个人提供一些主场和客场比赛（在这场比赛中很重要），这意味着我必须每隔几个月做一个巨大的名单完成比赛的比赛。

我的想法是通过单击带有JavaScript的按钮来完成所有这些操作。 第一个问题是：我应该学习哪些技巧来实现JavaScript / JQuery？（以及可选的下划线.js，我看到它有一些非常棒的功能，例如洗牌）记住，我几乎是初学者，并试图尽可能简单。在下面，我将写下我的计划，建议表示赞赏！

首先，我有两个HTML元素，用户将粘贴团队列表。之后，我创建了两个包含每个会议团队的JavaScript Arrays。

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 Array对此有好处吗？
我插入的代码块是否有效/良好实践？
我应该如何将它全部分解为较小的部分？
如何处理数量不均的案例？针对每种不同的情况，从头开始编写整个函数？

注意：我不希望有人为我做这一切，我只需要向正确的方向努力。提前谢谢大家！

Answer 1

为了让你开始，我创建了一个可以容纳一些东西的对象（myObject）。这可能比＆＃34;基本＆＃34;但是你可以使用那个对象来保持＆＃34;你的联盟球队，职能等等。

我添加了一些console.log你可以取消评论，看看它们是否正常运行。根据你的问题，这只是一个＆＃34;让你入门＆＃34;有东西。

您需要一些其他功能，例如团队计划创建等。

＆＃13;

// 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

＆＃13;

<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>

＆＃13;

使用JavaScript生成随机列表

1 个答案: