Поиск и сортировка

find перебирает массив и возвращает первый элемент, на котором ваша функция вернула истину. Не список, не индекс — сам элемент. Как только совпадение найдено, перебор останавливается: остальные элементы даже не проверяются.

const users = [
  { name: "Аня", age: 17 },
  { name: "Борис", age: 24 },
  { name: "Вера", age: 31 },
];
const adult = users.find((u) => u.age >= 18);
console.log(adult.name);
console.log(users.findIndex((u) => u.age >= 18));

findIndex устроен так же, но отдаёт позицию. Разница особенно заметна, когда ничего не нашлось: find вернёт undefined, а findIndex — -1. Проверять результат find проще: индекс 0 — вполне рабочая позиция, но в условии он ведёт себя как ложь, и на этом легко ошибиться.

const nums = [5, 12, 8, 130];
console.log(nums.find((n) => n > 100));
console.log(nums.find((n) => n > 500));
console.log(nums.findIndex((n) => n > 500));

const temps = [-2, 5, 8, -1, 3];
console.log(temps.find((t) => t < 0));
console.log(temps.findLast((t) => t < 0));
console.log(temps.findLastIndex((t) => t < 0));

Когда нужен не сам элемент, а ответ «да» или «нет», берут includes — он возвращает true или false. indexOf отвечает подробнее: позицией, а если не нашёл — привычным -1.

const fruits = ["яблоко", "груша", "слива"];
console.log(fruits.includes("груша"));
console.log(fruits.indexOf("груша"));
console.log(fruits.indexOf("манго"));

Оба ищут совпадение значения, а не условие — функцию им передать нельзя, для этого есть find. Объекты они сравнивают по ссылке: одинаковые на вид, но разные объекты для них не равны. И одна историческая мелочь: indexOf не умеет находить NaN, а includes умеет.

const list = [NaN, { id: 1 }];
console.log(list.indexOf(NaN));
console.log(list.includes(NaN));
console.log(list.indexOf({ id: 1 }));

У sort есть поведение по умолчанию, на которое попадаются почти все. Без аргументов он приводит элементы к строкам и сравнивает их посимвольно — как слова в словаре.

const nums = [1, 5, 10, 25, 100];
nums.sort();
console.log(nums);

Строка «10» начинается с единицы, поэтому встаёт раньше «5», а «100» опережает «25». Для чисел это почти никогда не то, что нужно. У строк своя особенность: сравниваются коды символов, а не буквы алфавита, — поэтому заглавные оказываются раньше строчных.

const words = ["Яблоко", "апельсин", "Банан"];
words.sort();
console.log(words);

Лечится это одним приёмом: передайте в sort функцию двух аргументов — компаратор. Он получает пару элементов и возвращает число, а sort по знаку этого числа решает, кого поставить раньше.

const nums = [1, 5, 10, 25, 100];
nums.sort((a, b) => a - b);
console.log(nums);
nums.sort((a, b) => b - a);
console.log(nums);

Отсюда классическое (a, b) => a - b для возрастания: если a меньше, разность отрицательная — значит, a уходит вперёд. Поменяли местами, b - a, и получили убывание. Объекты сортируются так же, только сравнивают нужное поле.

const users = [
  { name: "Аня", age: 31 },
  { name: "Борис", age: 17 },
  { name: "Вера", age: 24 },
];
users.sort((a, b) => a.age - b.age);
console.log(users.map((u) => u.name));

const words = ["Яблоко", "апельсин", "Банан"];
words.sort((a, b) => a.localeCompare(b));
console.log(words);

Деление методов на меняющие массив и возвращающие новый уже встречалось в статье «Методы массивов: map, filter, reduce»; у сортировки оно бьёт больнее всего. sort и reverse работают «на месте»: они перестраивают тот самый массив, который вы им дали, и возвращают его же. Если исходный порядок ещё понадобится, сначала сделайте копию — например, спредом.

const prices = [30, 4, 12];
prices.reverse();
console.log(prices);
const cheapFirst = [...prices].sort((a, b) => a - b);
console.log(cheapFirst);
console.log(prices);

const sorted = arr.sort() — это не копия, а второе имя для того же массива.

У этих методов есть копирующие двойники — toSorted и toReversed. Аргументы те же, но оригинал остаётся нетронутым. Они появились в 2023 году, так что в очень старых окружениях их может не быть — там выручает копия через спред.

const nums = [3, 1, 2];
console.log(nums.toSorted((a, b) => a - b));
console.log(nums.toReversed());
console.log(nums);