如何使用JavaScript从数组中获取不重复的随机元素？

DevOps 小满

2026-5-29

获取数组中3个不重复随机元素的解决方案

Hey there! 针对你要从给定数组里提取3个不重复随机元素的需求，我整理了两种实用的实现方法，都能轻松达到你想要的效果～

首先先明确你的原数组：

var a = ["Mango", "Orange", "Banana", "Apple", "Grapes", "Berry", "Peach"];

方法一：Fisher-Yates 洗牌法（推荐）

这种方法通过打乱数组顺序再截取前N个元素，既保证了随机性，又不会重复，而且不会修改原数组，效率也很高，非常适合大多数场景。

实现代码：

function getRandomElements(arr, count) {
  // 复制原数组，避免修改原始数据
  const shuffled = [...arr];
  let currentIndex = shuffled.length, randomIndex;

  // 执行Fisher-Yates洗牌算法
  while (currentIndex > 0) {
    randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex--;
    // 交换当前元素和随机选中的元素
    [shuffled[currentIndex], shuffled[randomIndex]] = [shuffled[randomIndex], shuffled[currentIndex]];
  }

  // 返回前count个随机元素
  return shuffled.slice(0, count);
}

// 调用示例
var random = getRandomElements(a, 3);
console.log(random); // 输出类似 ["Banana", "Berry", "Peach"] 的结果

方法二：随机选取+去重（直观易懂）

如果你的数组规模不大，这种逻辑更直白的方法也很适用：每次随机选一个元素，确保没选过就加入结果，直到凑够3个为止。

实现代码：

function getUniqueRandomElements(arr, count) {
  const result = [];
  const usedIndices = new Set();

  while (result.length < count) {
    const randomIndex = Math.floor(Math.random() * arr.length);
    // 检查这个索引是否已经被选过
    if (!usedIndices.has(randomIndex)) {
      usedIndices.add(randomIndex);
      result.push(arr[randomIndex]);
    }
  }

  return result;
}

// 调用示例
var random = getUniqueRandomElements(a, 3);
console.log(random);