Модуль 6 · Урок 4 из 424/32 в курсе~12 min
Уроки модуля (4/4)
сортировать
Сортировка массива в JavaScript имеет большую ловушку: sort() изменяет исходный массив
и по умолчанию сортируется как строки.
Ловушка
JS
const nums = [10, 2, 1, 20];
nums.sort();
// [1, 10, 2, 20] ← !? sorted as strings: "1" < "10" < "2"Для числовой сортировки вам необходимо передать компаратор (a, b) => number:
a - b< 0 →aидет первымa - b> 0 →bидет первымa - b=== 0 → порядок без изменений
JS
const nums = [10, 2, 1, 20];
nums.sort((a, b) => a - b);
// [1, 2, 10, 20] ← ascending order
nums.sort((a, b) => b - a);
// [20, 10, 2, 1] ← descendingСортировка объектов по полю
JS
const utenti = [
{ nome: 'Anna', eta: 30 },
{ nome: 'Luca', eta: 12 },
{ nome: 'Sara', eta: 18 },
];
utenti.sort((a, b) => a.eta - b.eta);
// [{Luca,12}, {Sara,18}, {Anna,30}]Что касается строк, вы можете сравнить их с localeCompare:
JS
const nomi = ['Bruno', 'aurora', 'Carlo'];
nomi.sort((a, b) => a.localeCompare(b));
// ['aurora', 'Bruno', 'Carlo']Не мутируя оригинал
Два варианта:
JS
// 1) copy + sort
const copia = [...nums].sort((a, b) => a - b);
// 2) toSorted (modern, ES2023)
const ordinati = nums.toSorted((a, b) => a - b);Попробуйте это
Упражнение#js.m6.l4.e1
Попыток: 0Загрузка…
Определите `sortAscending(nums)`: верните НОВУЮ копию массива, отсортированную по возрастанию чисел. Оригинал не должен меняться.
Загрузка редактора…
Показать подсказку
[...nums].sort((a, b) => a - b)
Решение доступно после 3 попыток
Обзор упражнения
Упражнение#js.m6.l4.e2
Попыток: 0Загрузка…
Определите `sortByAgeAscending(people)`: учитывая массив {name, age}, верните новую копию, отсортированную по возрастанию возраста. Оригинал не должен меняться.
Загрузка редактора…
Показать подсказку
[...люди].sort((a, b) => a.age - b.age)
Решение доступно после 3 попыток