JavaScriptで特定の長さの配列を作成することはよくある作業です。JavaScriptの配列は動的ですが、事前にサイズを指定して初期化することで、コードの可読性を高め、場合によってはパフォーマンスも向上させることができます。この記事では、これを実現するための効率的な手法を探ります。
目次
Array()コンストラクタを使用した配列の作成
最も単純な方法は、Array()コンストラクタを使用することです。単一の数値引数を指定すると、その長さの配列が作成され、最初はundefinedの値で初期化されます。
const arrayLength = 5;
const myArray = new Array(arrayLength);
console.log(myArray); // 出力: [ , , , , ] (またはブラウザのコンソールによっては [ ])
console.log(myArray.length); // 出力: 5
これは、初期値が重要でない配列を作成する場合に効率的です。コンソールでの視覚的な表現は異なる場合があることに注意してください。
fill()を使用した配列の初期化
特定の値で初期化された配列の場合、fill()メソッドは非常に効率的で可読性が高いです。
const arrayLength = 5;
const defaultValue = 0;
const myArray = new Array(arrayLength).fill(defaultValue);
console.log(myArray); // 出力: [0, 0, 0, 0, 0]
console.log(myArray.length); // 出力: 5
fill()は配列に直接値を代入するため、この一般的なシナリオでは最適な選択肢です。
map()を使用した配列の生成
動的に値を生成する必要がある場合は、map()メソッドが柔軟性を提供します。Array()コンストラクタと組み合わせることで、配列の作成と初期化を1ステップで行うことができます。
const arrayLength = 5;
const myArray = Array(arrayLength).fill().map((_, index) => index * 2); //ここで配列を作成するためにfill()を使用することに注意
console.log(myArray); // 出力: [0, 2, 4, 6, 8]
console.log(myArray.length); // 出力: 5
この例では、インデックスに基づいて値を生成していますが、map()は目的の配列の内容を作成するための任意のロジックを処理できます。
メソッドの比較
以前はapply()メソッドが提案されていましたが、単一の値で配列を初期化する場合は、fill()の方が一般的に可読性とパフォーマンスが優れています。Array()コンストラクタは、特定の長さの空の配列を作成する場合に役立ちます。map()は、動的な値の生成が必要な場合に威力を発揮します。
ニーズに最適なメソッドを選択してください。定数値での単純な初期化の場合は、fill()が推奨されるアプローチです。