JavaScript：如何从数组中检索随机项目（锚定到另一个项目）？

Question

我开始学习JavaScript中的简单知识。

我有一个带有多个文本字段的表单（html），用户必须在其中输入名称（最多10个），然后在单击该按钮时能够生成两组5个人。 这是我的例子：

<table>
<tr>
<td>
You <font color="red">*</font>
</td>
<td><input id="you"/></td>
<td><input id="yourpartner"/></td>
<td> Your Partner <br><font color="red">WARNING: Let it blank if it doesnt exist!</font></td>

</tr>
<td>Partners (1-2)</td>
<td><input id="s1dq" title="Partner 1" /></td>
<td><input id="s2dq" title="Partner 2" /></td>
<td><font color="red">WARNING: Let it blank if it doesnt exist!</font></td>
<tr>
<td>Partners (3-4)</td>
<td><input id="s3dq" title="Partner 3" /></td>
<td><input id="s4dq" title="Partner 4" /></td>
<td><font color="red">WARNING: Let it blank if it doesnt exist!</font></td>
</tr>
<tr>
<td>Partners (5-6)</td>
<td><input id="s5dq" title="Partner 5" /></td>
<td><input id="s6dq" title="Partner 6" /></td>

<td><font color="red">WARNING: Let it blank if it doesnt exist!</font></td>
</tr>
<tr>
<td>Partners (7-8)</td>
<td><input id="s7dq" title="Partner 7 em DuoQ." /></td>
<td><input id="s8dq" title="Partner 8 em DuoQ com o anterior." /></td>
<td><font color="red">WARNING: Let it blank if it doesnt exist!</font></td>
</tr>
<tr>
<td>Remaining People<br>
<font color="red">WARNING: One person per line!</font><br>
<font color="red">WARNING: Min 2 or Max 9 persons!</font></td>
<td><textarea id="people" rows="9" cols="16" title="1 person per line"></textarea>
</td>
</tr>
</table>

到目前为止，我将所有名称保留在一个数组中 ，但不知道这是否是解决此问题的最佳方法。

问题1：我需要从该数组中获取名称，并在两组五个随机分配（在这里，我想我需要另外2个数组）。 但是有一个小例外。 当用户输入名称时，他可以决定是否将两个名称保持在一起，以便它们可以在同一组中。

您能帮助我如何将它们随机分配到两个 组中吗？如果有人有伴侣， 如何将它们放在同一个组中 ？

问题2：例如，假设一个小组已经有四个人。 如果我得到一个随机的人，而该人的用户希望与另一个人在一起，则显然其中一个人不能加入只有4人的小组，否则他们将是分开的。

您能帮我一些代码吗？ 谢谢！

JavaScript代码：我知道将其余人员添加到数组中时会出错。 我跳过了决策的结构，因为这是目前最少的决策，但是您有。

var randomTeam = new Array();
var firstTeam = new Array();
var secondTeam = new Array();

randomTeam[0] = document.getElementById('id="you"').value;
randomTeam[1] = document.getElementById('id="yourpartner"').value;

randomTeam[2] = document.getElementById('id="s1dq"').value;
randomTeam[3] = document.getElementById('id="s2dq"').value;
randomTeam[4] = document.getElementById('id="s3dq"').value;
randomTeam[5] = document.getElementById('id="s4dq"').value;
randomTeam[6] = document.getElementById('id="s5dq"').value;
randomTeam[7] = document.getElementById('id="s6dq"').value;
randomTeam[8] = document.getElementById('id="s7dq"').value;
randomTeam[9] = document.getElementById('id="s8dq"').value;

var lines = document.getElementById('id="people"').val().split('\n');;
for(var i = 0;i < lines.length;i++){
    randomTeam[i] = lines[i];
}

Answer 1

具有基本结构。 JSFiddle

希望对您有帮助。 语法中的一个错误是

document.getElementById('id="you"').value;

应该

document.getElementById('you').value;