Перемешивание элементов массива в JavaScript: Подробное руководство

Сегодня мы рассмотрим, как с помощью JavaScript можно перемешать элементы массива случайным образом. Этот процесс довольно прост и включает использование встроенного метода sort().

Содержание

Краткий пример
Исходный массив и его перемешивание
Пример результата
Использование методаsort()
Как это работает
Вариации
Создание нового массива
Заключение

Краткий пример

Для начала, вот короткий пример того, как это делается:

let list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
list = list.sort(() => Math.random() - 0.5);

Теперь давайте разберем этот пример более подробно.

Исходный массив и его перемешивание

Предположим, у нас есть массив с числами от 1 до 9:

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];

Наша цель — случайным образом изменить порядок следования элементов в этом массиве.

Пример результата

После перемешивания порядок элементов должен изменяться каждый раз. Например:

[4, 8, 2, 9, 1, 3, 6, 5, 7]
[5, 1, 2, 3, 7, 4, 9, 6, 8]
[3, 1, 4, 7, 8, 6, 2, 9, 5]

Использование метода `sort()`

Для перемешивания элементов мы используем метод sort(). Арг

list.sort(() => Math.random() - 0.5);

Как это работает

. и sort() сравнивает два элемента массива aМетод bФункция-аргумент применяется к каждому элементу массива. a получает индекс, меньший, чем у элемента b. Если функция возвращает значение больше 0, a получает индекс больше, чем у b.

Вариации

Мы можем передавать два элемента массива в функцию, как показано ниже:

list.sort((a, b) => Math.random() - 0.5);

Однако, в нашем примере это не используется. Этот метод позволяет получить случайный порядок элементов при каждом вызове sort().

Создание нового массива

Вызов метода sort() не изменяет исходный массив. Чтобы сохранить результат перемешивания, можно создать новый массив:

const shuffled = list.sort(() => Math.random() - 0.5);

Или можно переписать исходный массив, если он был создан как переменная:

let list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
list = list.sort(() => Math.random() - 0.5);

Заключение

Использование метода sort() с функцией, возвращающей случайное значение, является простым и эффективным способом перемешивания элементов массива в JavaScript. Этот подход может быть полезен в различных ситуациях, когда требуется случайный порядок элементов, таких как игры, тесты и случайные выборки данных.