Яка різниця між Map і foreach в Array
Різниця між map і forEach в Array
На технічній співбесіді важливо зазначити, що обидва методи перебирають масив, але між ними є суттєва різниця:
Основні відмінності
-
Метод
map:- Імутабельний
- Створює новий масив на основі вихідного
-
Метод
forEach:- Просто перебирає масив
- Не повертає жодного результату
Приклад використання
Розглянемо приклад, де ми будемо перетворювати температури з Фаренгейта в Цельсій. У випадку з map ви отримаєте новий масив, а в разі з forEach вам доведеться використовувати замкнення для збереження результату.
Використання методу map
javascript
const temperatures = [32, 45, 50, 60];
const celsiusTemperatures = temperatures.map((temp) => (temp - 32) * 5 / 9);
console.log(celsiusTemperatures); // [0, 7.222, 10, 15.556]
console.log(temperatures); // [32, 45, 50, 60] - original remains unchangedВикористання методу forEach
javascript
const tempArray = [32, 45, 50, 60];
const celsiusArray = [];
tempArray.forEach((temp) => {
celsiusArray.push((temp - 32) * 5 / 9);
});
console.log(celsiusArray); // [0, 7.222, 10, 15.556]
console.log(tempArray); // [32, 45, 50, 60]Висновок
Отже, основна різниця між методами map і forEach полягає в тому, що map створює новий масив, тоді як forEach просто перебирає елементи без повернення результату.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.