Javascript: генерация и хранение случайных розыгрышей без замены

Я пытаюсь использовать Javascript для создания массива, беру два случайных уникальный из массива, а затем присваиваю полученные значения таблице HTML. Мой подход состоял в том, чтобы создать массив, взять случайное, создать новый массив без нарисованного значения, а затем взять случайное число из нового массива как способ взять два случайных числа без замены.

Я предоставил минимальный пример того, что я сделал для этого, но он не работает. Я хотел бы, чтобы значения, присвоенные таблице HTML, в конечном итоге были двумя уникальными значениями (например, «a», «b») из массива foo. Это не работает, потому что значение == bar_a ниже не удалит значение, присвоенное массиву bar_a, потому что bar_a — это массив, а не стоимость массива?

Хотя эта почта обращается к рисунку без замены, он не дает примера использования строк или объясняет, как сохранить оба числа, и неясно, почему они используют splice(), а не filter()

    // Define array containing the set of values we'll randomly assign to A or B
    var foo = ["a", "b", "c", "d"];

    // Initialize variables to hold the value for A and B
    var bar_a=  [""];
    var bar_b=  [""];

    // Randomly draw from foo, save for A
    bar_a =foo[Math.floor(Math.random()*foo.length)];

    // Remove the drawn value from the array, create new array
    var foo_filtered = array.filter(function(value, index, arr){
        return value == bar_a;
        });

    // Randomly draw from foo_filtered, save for B
    bar_b = foo_filtered[Math.floor(Math.random()*foo_filtered.length)];

    // Assign attributes and values to their placeholders (a1, b1) in a HTML table
     document.getElementById("a1").innerHTML = bar_a;
     document.getElementById("b1").innerHTML = bar_b;