【JavaScript ECMAScript】Array::Array.prototype.fillインスタンスメソッドの使い方

Array.prototype.fill()メソッドは、指定された開始インデックスから終了インデックスまでの配列の要素を、ある固定値で変更するメソッドです。このメソッドは、配列を特定の値で埋めたい場合に非常に役立ちます。例えば、新しい配列のすべての要素を特定のデフォルト値で初期化したり、配列の特定範囲の値を一括でリセットしたりする際に使用できます。

引数には、まず必須のvalueがあります。これは、配列の要素を埋めるために使用する値です。次にオプションのstart引数があり、これは値を埋め始めるインデックスを指定します。startが省略された場合は、配列の最初の要素（インデックス0）から処理が開始されます。負の値を指定すると、配列の末尾から数えたインデックスとして解釈されます。

もう一つのオプション引数にendがあります。これは、値を埋めるのを終了するインデックスを指定します。このendで指定されたインデックスの要素は、埋められる範囲には含まれません。endが省略された場合は、配列の最後の要素まで（配列の長さに相当するインデックスまで）処理が適用されます。endに負の値を指定した場合も、startと同様に配列の末尾から数えたインデックスとして扱われます。

Array.prototype.fill()メソッドは、元の配列を直接変更する破壊的な操作を行います。そして、変更された配列オブジェクトそのものを戻り値として返します。これにより、メソッド実行後も同じ配列への参照を維持できます。この機能は、配列の内容を効率的に操作する上で重要な役割を果たします。

Copy
1const array = [1, 2, 3, 4, 5];
2array.fill(0, 1, 4);

value, start = 0, end = this.length

• value: 配列の要素を埋めるために使用する値
• start: valueで要素を埋め始めるインデックス。省略した場合は0になります。
• end: valueで要素を埋めるのを終了するインデックス。このインデックスの要素は含まれません。省略した場合は配列の長さに等しくなります。

Array

Array.prototype.fill()メソッドは、配列の指定された範囲を静的な値で埋めるために使用され、変更された配列自身を返します。