При итерации по массиву, будет работать быстрее for of, map или forEach

1️⃣ Как кратко ответить

for of обычно работает быстрее, чем map и forEach, так как он не создает новые функции и не возвращает новый массив. map и forEach могут быть медленнее из-за необходимости вызова функции для каждого элемента.

2️⃣ Подробное объяснение темы

Когда мы говорим об итерации по массиву в JavaScript, у нас есть несколько способов это сделать: for of, map и forEach. Каждый из этих методов имеет свои особенности и случаи применения.

for of

for of — это цикл, который позволяет итерироваться по итерируемым объектам, таким как массивы. Он прост в использовании и не требует создания дополнительных функций.

const array = [1, 2, 3, 4, 5];
for (const element of array) {
  console.log(element);
}

• const array = [1, 2, 3, 4, 5];: создаем массив с числами.
• for (const element of array): начинаем цикл for of, который будет проходить по каждому элементу массива.
• console.log(element);: выводим текущий элемент в консоль.

for of не создает новых функций и не возвращает новый массив, что делает его более производительным в плане скорости выполнения, особенно на больших массивах.

map

map создает новый массив, применяя функцию к каждому элементу исходного массива. Это полезно, когда нужно преобразовать данные.

const array = [1, 2, 3, 4, 5];
const newArray = array.map(element => element * 2);
console.log(newArray);

• const array = [1, 2, 3, 4, 5];: создаем массив с числами.
• const newArray = array.map(element => element * 2);: создаем новый массив, где каждый элемент исходного массива умножен на 2.
• console.log(newArray);: выводим новый массив в консоль.

map может быть медленнее, чем for of, из-за необходимости вызова функции для каждого элемента и создания нового массива.

forEach

forEach выполняет указанную функцию один раз для каждого элемента массива. Он не возвращает новый массив, а просто выполняет операцию.

const array = [1, 2, 3, 4, 5];
array.forEach(element => {
  console.log(element);
});

• const array = [1, 2, 3, 4, 5];: создаем массив с числами.
• array.forEach(element => { console.log(element); });: для каждого элемента массива выполняем функцию, которая выводит элемент в консоль.

forEach также может быть медленнее, чем for of, из-за необходимости вызова функции для каждого элемента.

Заключение

Выбор между for of, map и forEach зависит от задачи. Если важна производительность и не требуется создание нового массива, for of будет предпочтительным. Если нужно преобразовать массив, map — лучший выбор. Для выполнения операций без изменения массива подходит forEach.