JavaScript开发：如何让多变量从同一数组随机选取不同元素？

问题场景 #

我正在练习JavaScript开发简易石头剪刀布游戏，当前代码重复定义了相同的动作数组，想优化为只使用一个数组，但直接复用时，player1Choice和player2Choice的结果总是完全相同。现有代码如下：

let moves1 = ["rock", "paper", "cissors"];
let moves2 = ["rock", "paper", "cissors"];

// --- Picks a random element from the array ---
let random1 = Math.floor(Math.random() * moves1.length);
let random2 = Math.floor(Math.random() * moves2.length);

let player1Choice = moves1[random1];
let player2Choice = moves2[random2];
let player1Score = 0;
let player2Score = 0;

console.log('Player 1 chose: ' + player1Choice);
console.log('Player 2 chose: ' + player2Choice);

优化方案 #

核心问题在于：若只计算一次随机索引并复用，必然得到相同结果；只要每次获取选择时重新生成随机索引，就能得到独立的随机结果。具体优化步骤如下：

1. 只定义一次动作数组
   删除重复的moves2，仅保留一份moves数组作为所有选择的数据源。

2. 封装随机选择函数
   把生成随机动作的逻辑封装成函数，每次调用函数都会重新计算随机索引，确保两次调用的结果相互独立。

修改后的完整代码：

// 仅定义一次可选动作数组（修正了原代码中"cissors"的拼写错误）
const moves = ["rock", "paper", "scissors"];

// 封装随机选择函数，每次调用生成新的随机结果
function getRandomMove() {
  const randomIndex = Math.floor(Math.random() * moves.length);
  return moves[randomIndex];
}

let player1Choice = getRandomMove();
let player2Choice = getRandomMove();
let player1Score = 0;
let player2Score = 0;

console.log('Player 1 chose: ' + player1Choice);
console.log('Player 2 chose: ' + player2Choice);

关键说明 #

如果之前尝试直接复用数组时结果相同，大概率是因为只计算了一次随机索引，然后给两个变量都使用这个索引（比如const idx = ...; player1Choice = moves[idx]; player2Choice = moves[idx]）。而上述函数每次调用都会重新执行随机数计算，生成全新的索引，因此两次选择的结果是独立的（小概率出现相同结果属于随机逻辑的正常情况）。

内容的提问来源于stack exchange，提问作者georgeturp