複数出現する要素を JavaScript 配列に効率的に追加するにはどうすればよいですか?

JavaScript 配列に要素を複数回追加する

JavaScript で配列を操作する場合、同じ要素を複数回追加する必要がある場合があります。従来のアプローチでは、array.push() を使用して要素を配列に繰り返しプッシュします。

次のシナリオを考えてみましょう。

var fruits = [];
fruits.push("lemon", "lemon", "lemon", "lemon");

このコードは、文字列 "lemon" を 4 回追加します。フルーツアレイ。この方法は簡単ですが、複数の出現が必要な場合は面倒になる可能性があります。

プリミティブへの Array.fill の使用

文字列のようなプリミティブ データ型の場合、JavaScript はarray.fill() メソッドを使用して複数の要素を一度に追加するより効率的な方法。構文は次のとおりです。

array.fill(value, start, end)

• value: 配列に埋められる値。
• start (オプション): 埋め込みを開始する開始インデックス。デフォルトは 0 です。
• end (オプション): 充填を停止する終了インデックス。デフォルトは配列の長さです。

フルーツ配列の場合、次のように「レモン」を 4 回追加できます。

var fruits = new Array(4).fill('Lemon');
console.log(fruits);

このコードは、長さ 4 の新しい配列を作成し、そのすべての要素を文字列で埋めます。 "Lemon".

注: Array.fill() はプリミティブ データ型でのみサポートされます。オブジェクトやその他の複雑なデータ構造の場合は、ループまたはスプレッド演算子を使用することをお勧めします。

以上が複数出現する要素を JavaScript 配列に効率的に追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。