这是一个Durstenfeld shuffle的JavaScript实现，这是Fisher Yates的优化版本：

/* Randomize array in-place using Durstenfeld shuffle algorithm */
function shuffleArray(array) {
    for (var i = array.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = array[i];
        array[i] = array[j];
        array[j] = temp;
    }
}

它为每个原始数组元素选择一个随机元素，并将其排除在下一次抽奖中，就像从一副牌中随机选择一样。

这种巧妙的排除将拾取的元素与当前元素交换，然后从剩余元素中拾取下一个随机元素，向后循环以获得最佳效率，确保简化随机拾取（始终可以从0开始），从而跳过最终元素。

算法运行时间为O（n）。请注意，洗牌是在适当的位置完成的，因此如果您不想修改原始数组，请首先使用.sslice（0）复制它。

编辑：更新至ES6/ECMAScript 2015

新的ES6允许我们一次分配两个变量。当我们想要交换两个变量的值时，这特别方便，因为我们可以在一行代码中完成。下面是使用此功能的同一函数的简短形式。

function shuffleArray(array) {
    for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
    }
}

使用递归JS。

这不是最好的实现，但它是递归的，并且尊重不变性。

const randomizer = (array, output = []) => {
    const arrayCopy = [...array];
    if (arrayCopy.length > 0) {    
        const idx = Math.floor(Math.random() * arrayCopy.length);
        const select = arrayCopy.splice(idx, 1);
        output.push(select[0]);
        randomizer(arrayCopy, output);
    }
    return output;
};

这里有简单的while循环

 function ShuffleColor(originalArray) {
        let shuffeledNumbers = [];
        while (shuffeledNumbers.length <= originalArray.length) {
            for (let _ of originalArray) {
                const randomNumb = Math.floor(Math.random() * originalArray.length);
                if (!shuffeledNumbers.includes(originalArray[randomNumb])) {
                    shuffeledNumbers.push(originalArray[randomNumb]);
                }
            }
            if (shuffeledNumbers.length === originalArray.length)
                break;
        }
        return shuffeledNumbers;
    }
const colors = [
    '#000000',
    '#2B8EAD',
    '#333333',
    '#6F98A8',
    '#BFBFBF',
    '#2F454E'
]
ShuffleColor(colors)

d3.js提供了Fisher–Yates shuffle的内置版本：

console.log（d3.shuffle（[“a”，“b”，“c”，“d”]）；<script src=“http://d3js.org/d3.v5.min.js“></script>

d3.洗牌（array[，lo[，hi]]）<>使用Fisher–Yates混洗随机化指定阵列的顺序。

我使用以下两种方法：

此方法不会修改原始数组

shuffle(array);

功能洗牌（arr）{var len=arr.length；var d=长度；var数组=[]；变量k，i；对于（i=0；i<d；i++）{k=数学楼层（Math.random（）*len）；array.push（arr[k]）；arr.splice（k，1）；len=排列长度；}对于（i=0；i<d；i++）{arr[i]=阵列[i]；}返回arr；}var arr=[“a”，“b”，“c”，“d”]；arr=洗牌（arr）；控制台日志（arr）；

此方法修改原始数组

array.shuffle();

Array.prototype.shuffle=函数（）{var len=此长度；var d=长度；var数组=[]；变量k，i；对于（i=0；i<d；i++）{k=数学楼层（Math.random（）*len）；array.push（this[k]）；此接头（k，1）；len=此长度；}对于（i=0；i<d；i++）{this[i]=数组[i]；}}var arr=[“a”，“b”，“c”，“d”]；arr.shuffle（）；控制台日志（arr）；

随机化数组，无重复项

    function randomize(array){
        let nums = [];
        for(let i = 0; i < array.length; ++i){
            nums.push(i);
        }   
        nums.sort(() => Math.random() - Math.random()).slice(0, array.length)
        for(let i = 0; i < array.length; ++i){
            array[i] = array[nums[i]];
        }
    }
    randomize(array);