Чем Array.from с параметром длины отличается от постепенного наполнения массива через push с точки зрения производительности?

Разница в производительности между Array.from и push

Когда вы создаете массив с помощью Array.from({length: n}), движок JavaScript сразу выделяет память под n элементов. Это позволяет избежать многократных операций перераспределения памяти, которые происходят при использовании push в цикле.

Как работает push

При вызове push массив динамически расширяется. Если текущая емкость массива недостаточна, движок выделяет новый блок памяти (обычно в 1.5-2 раза больше текущего размера) и копирует все существующие элементы. Это приводит к дополнительным затратам времени и памяти.

// Медленный способ с push
const arr = [];
for (let i = 0; i < 100000; i++) {
  arr.push(i);
}

// Быстрый способ с Array.from
const arr = Array.from({length: 100000}, (_, i) => i);

Практические рекомендации

• Используйте Array.from с длиной, когда заранее известен размер массива
• Для динамических коллекций, где размер неизвестен, push остается удобным, но менее производительным
• В современных движках разница может быть незначительной для малых массивов, но критична для больших (более 10 000 элементов)

Вывод: Array.from с предварительным выделением длины предпочтительнее для создания массивов фиксированного размера, особенно при работе с большими объемами данных, так как минимизирует накладные расходы на перераспределение памяти.