任意の長さの配列を作成または埋めるための JS のヒントの要約

序文

JavaScript 開発では、特定の長さの配列を作成する必要があるシナリオがよくあります。この記事では、任意の長さの配列を作成または入力するためのヒントをいくつかまとめています。これらのヒントを学ぶことで、プログラミングの効率を向上させることができます。

直接充填方式

最も原始的なアプローチを採用し、配列を必要な長さまで手動で入力します。

定数arr = [0,0,0];

for ループの push() メソッド

最初の方法と似ていますが、forループを使用して特定の長さの配列を作成します。

長さは3です。
var arr = [];
(i=0; i < len; i++) の場合 {
  ar.push(0);
}

配列コンストラクタメソッド

長さは3です。
var arr = 新しい配列(len);

配列コンストラクタの後にfill()メソッドを追加する

長さは3です。
var arr = 新しい配列(len).fill(0);

オブジェクトを配列の fill() のパラメータとして使用すると、すべての要素が同じインスタンスを参照します (つまり、オブジェクトは複数回複製されず、Array.from() にはこの問題はありません)。

長さは3です。
var obj = {};
var arr = 新しい配列(len).fill(obj);

したがって、この配列を操作すると、コンストラクターを使用して作成するよりも高速になります。ただし、配列が大きくなるにつれて、エンジンが連続したメモリを複数回再割り当てする必要がある場合があるため、配列の作成は遅くなります。

配列に未定義値を入れる

Array.from({length: 3}) // [ 未定義、未定義、未定義 ]

次のアプローチは反復可能な値に対してのみ機能し、Array.from() と同様の効果があります。

[...新しい配列(3)] // [ 未定義、未定義、未定義 ]

Array.from() によるマッピング

マッピング関数を 2 番目の引数として指定すると、Array.from() を使用してマッピングできます。

配列に値を入力する

Array.from({length: 3}, () => 0) // [ 0, 0, 0 ]

一意の（共有されていない）オブジェクトを持つ配列を作成する

Array.from({length: 3}, () => ({})) // [ {}, {}, {} ]

昇順の整数シーケンスを持つ配列を作成する

Array.from({length: 3}, (x, i) => i) // [ 0, 1, 2 ]

任意の範囲の整数で作成

var 開始 = 2、終了 = 5;
Array.from({ length: end - start }, (x, i) => i + start) // [ 2, 3, 4 ]

昇順の整数配列を作成する別の方法は、keys()を使用することです。

[...新しい配列(3).keys()] // [ 0, 1, 2 ]

要約する

これで、JS を使用して任意の長さの配列を作成または埋めるヒントに関するこの記事は終了です。JS を使用して配列を作成および埋める方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援してください。