JavaScript で配列を埋める

JavaScript では、Array.prototype.fill() が連続して機能し、特定の範囲配列を埋めます。ただし、ブラウザによっては、多くの要素で動作が遅くなる場合があります。

多かれ少なかれ、配列を埋める方法のほとんどは、より多くの要素に対してこの遅いペースに直面しています。ただし、高速な比較操作の場合は、いくつかの方法の方がうまく機能します。

ここでは、メソッド fill()、map()、from()、apply()、および配列を埋めるための基本的な loop ステートメントのアプリケーションを見ていきます。コード行にジャンプしましょう。

JavaScript で Array.prototype.fill() を使用して配列を埋める

このメソッドでは、配列要素を初期化するために 1 行のコードが必要です。そして、fill() メソッドのデフォルト関数は、配列を埋める役割を果たします。

コードスニペット：

var a = new Array(5).fill(1);
console.log(a);

出力：

JavaScript で Array.prototype.map() を使用して配列を埋める

ここでは、spread 演算子を使用して配列の要素を展開し、後で各要素に map() を適用して値を入力します。コードフェンスはよりよく説明します。

コードスニペット：

var a = [...new Array(5)].map(x => 2);
console.log(a);

出力：

JavaScript で Array.from() メソッドを使用して配列を入力する

この場合、範囲を定義する配列インスタンスを取得する Array.from() メソッドを使用します。また、ラムダ関数スコープに記述されている要素の値を初期化する関数セットがあります。コードブロックを確認してみましょう。

コードスニペット：

var a = Array.from(Array(5), () => 3);
console.log(a);

出力：

JavaScript で apply() メソッドを使用して配列を埋める

apply() メソッドを使用して、配列のすべての要素を特定の範囲まで保持します。その後、map() 関数を使用して各要素に値を割り当てます。

var a = Array.apply(null, Array(5)).map(Number.prototype.valueOf, 4);
console.log(a);

出力：

JavaScript で loop ステートメントを使用して配列を埋める

ここでは、基本的なループを使用して、指定された範囲まで配列の要素をトラバースし、値を初期化します。

コードスニペット：

var a = new Array(5);
for (var i = 0; i < 5; i++) {
  a[i] = 5;
}
console.log(a);

出力：