Как выбрать несколько случайных неповторяющихся элементов?

Question

[Евгений Журов]

Здравствуйте. Задача в следующем: Есть список. По клику на элемент списка нужно вывести три случайных элемента этого списка: а) чтобы элемент по которому кликнули - не выводился, б) чтобы один и тот же элемент не выводился многократно и c) если в списке всего три элемента - все три и выводятся.

Помогите, пожалуйста, всю голову сломал. Пока получилось Вот что. Выводятся три рандомных элемента и не выводится тот, на котором сработал клик. Правда и то, не всегда правильно - иногда выводится вообще один элемент вместо трех. Ну и не могу придумать, как избежать повторения индексов.

Comments

[Kovalsky]

Я вижу в коде объявление "indArr = [];", оно зачем?

[Евгений Журов]

Никита Полевой, уже убрал. Осталось от предыдущих изысканий.

[Александр Шаповал]

а вы массив отсортируйте рандомно, и выведите первые три (или сколько надо) элементов

[Евгений Журов]

Александр Шаповал, кстати, отличная мысль, спасибо!

Answer 1

[gleendo]

Demo

Comments

[Kovalsky]

while (true) {
    if (randomValues.length === 3) {
        break;
    }
}

Есть какой-то скрытый смысл в том, чтобы выделить проверку в отдельный условный блок, а не вместо true?

[gleendo]

Никита Полевой, нет

Answer 2

[0xD34F]

Так:

$('#a').on('click', 'li', function() {
  const li = $(this).siblings().clone().get();
  $('#b').html([...Array(3)].map(() => li.splice(Math.random() * li.length | 0, 1)[0]));
});

??

Comments

[Евгений Журов]

Кажется, да) Большое спасибо!

Answer 3

[Ridz]

добавил в вариант 0xD34F если в списке всего три элемента - все три и выводятся.
и убрал лишний массив

$(function() {
function getRandomElems($el) {
    $("#b").html("");
    var $li = $el.siblings();
    $li.length < 3 && ($li = $li.add($el));
    $li = $li.get();
    for (var i = 0; i < 3; i++) {
        var rand = (Math.random() * $li.length) | 0;
        $($li.splice(rand,1)).clone().appendTo($("#b"));
    }
}

$("#a").on('click', 'li', function() {
    getRandomElems($(this));
});
});