В JavaScript массивы — это один из самых частых инструментов разработчика. Для работы с ними есть три мощных метода, которые новички постоянно путают: forEach(), map() и filter().
1️⃣ .forEach() — Просто перебор
const users = ['Анна', 'Игорь', 'Ольга'];
users.forEach(user => {
console.log(`Привет, ${user}!`);
});
// Выведет приветствие для каждого, но сам массив users остался прежним.
Этот метод используют, когда нужно выполнить какое-то действие для каждого элемента массива (например, вывести в консоль или сохранить в базу данных).
Главное: он ничего не возвращает (возвращает undefined) и не создает новый массив.
2️⃣ .map() — Трансформация данных
const prices = [100, 200, 300];
// Хотим сделать скидку 10% на все товары
const salePrices = prices.map(price => price * 0.9);
console.log(salePrices); // [90, 180, 270] — новый массив
console.log(prices); // [100, 200, 300] — старый массив цел
Этот метод используют, когда нужно изменить каждый элемент массива и получить новый массив точно такой же длины.
Главное: он обязательно возвращает новый массив с измененными данными, исходный массив не меняется.
3️⃣ .filter() — Отбор по условию
const ages = [14, 21, 17, 32, 18];
// Фильтруем только совершеннолетних
const adults = ages.filter(age => age >= 18);
console.log(adults); // [21, 32, 18]
Этот метод используют, когда из кучи элементов нужно отфильтровать только те, которые подходят под конкретное условие.
Главное: внутри функции-колбэка должно возвращаться true (оставить элемент) или false (удалить элемент). На выходе получаем новый массив, который обычно короче исходного.