JavaScript 随机选择不重复元素的解决方案

在 JavaScript 中，使用 Math.random() 函数可以从数组中随机选择元素。然而，如果需要多次随机选择，并且要求每次选择的元素都不重复，则需要使用一些技巧来避免重复。

问题描述:

假设我们有一个包含水果名称的数组：

const options = ['apple', 'banana', 'orange', 'kiwi', 'grape'];

现在需要从该数组中随机选择一个元素，并且每次选择的元素都不重复。

解决方案:

可以使用一个数组来记录已经出现过的随机数，如果新生成的随机数已经在数组中出现过，则继续生成随机数，直到生成一个未出现过的随机数为止。

代码示例:

const options = ['apple', 'banana', 'orange', 'kiwi', 'grape'];
const usedIndexes = []; // 记录已经出现过的随机数
function randomSelect() {
  const randomIndex = Math.floor(Math.random() * options.length);
  if (usedIndexes.includes(randomIndex)) {
    return randomSelect(); // 继续生成随机数
  } else {
    usedIndexes.push(randomIndex);
    return options[randomIndex];
  }
}

代码解释:

首先创建一个空数组 usedIndexes 来记录已经出现过的随机数索引。
在 randomSelect 函数中，使用 Math.floor(Math.random() * options.length) 生成一个随机索引 randomIndex。
检查 usedIndexes 数组中是否包含 randomIndex，如果包含，则说明该随机数已经出现过，调用 randomSelect() 递归生成新的随机数。
如果 randomIndex 未在 usedIndexes 中，则说明该随机数是新的，将 randomIndex 添加到 usedIndexes 中，并返回 options 数组中对应索引的元素。

总结:

通过使用一个数组记录已经出现过的随机数，可以有效地避免重复随机选择元素。这种方法简单易懂，并且在大多数情况下都能满足需求。