【JS/TS パフォーマンス】pushよりインデックス代入を使用する

【JS/TS パフォーマンス】pushよりインデックス代入を使用する

配列に要素を追加する際の最適な方法についての比較です。

パフォーマンス #Typescript#Javascript

【JS/TS パフォーマンス】pushよりインデックス代入を使用する

サムネイル

配列に要素を追加する際の最適な方法についての比較です。

更新日: 8/25/2025
SOLUTION - 解決策

pushよりインデックス代入の方が約1.3倍高速

事前にサイズが分かっている場合、配列を確保してインデックス代入する方が効率的です。

前提

  • 配列のサイズが事前に判明している場合
  • 連続した要素の追加が必要な場合
  • 配列のリサイズコストを避けたい場合

実際のコード

// 遅い
const arr = [];
for (let i = 0; i < 10000; i++) {
  arr.push(i);
}
// 速い(約1.3倍)
const arr = new Array(10000);
for (let i = 0; i < 10000; i++) {
  arr[i] = i;
}

検索

検索条件に一致する記事が見つかりませんでした