js 配列 fill() 充填メソッド

配列の初期化方法についてはよく知られていますが、配列を初期化した後、配列内の各要素はデフォルトでemptyプレースホルダーになります。配列内のこれらの空の場所にデフォルトの要素を追加するにはどうすればよいでしょうか。ES6 ES6 、この操作を実行するためにfill()メソッドが提供されています。この記事では、配列のfill()メソッドの詳細な使用方法をまとめます。

1. fill() 構文

fill()メソッドは、配列の開始インデックスから終了インデックスまでのすべての要素を固定値で埋めます。終了インデックスは含まれません。新しい配列を作成せずに、変更された元の配列を返します。

構文： array.fill( value [,start [,end]])，ここで、

valueは配列要素の値を入力するために使用され、必須です。
startはオプションの開始インデックスで、デフォルト値は 0 です。
endオプションの終了インデックス。デフォルトはthis.lengthです。

2. fill() の使用

   // 単一のパラメータが渡されると、メソッドは配列全体をそのパラメータの値で埋めます var arr1 = new Array(5)
    コンソール.log(arr1.fill(1)); //[1,1,1,1,1]
    var arr2 = [1, 2, 3, 4]
    console.log(arr2.fill(0)); //[0,0,0,0]

    // 2 つのパラメータが渡される場合、最初のパラメータは塗りつぶされる要素であり、2 番目のパラメータは塗りつぶされる要素の開始位置です var arr3 = [0, 1, 2, 3, 4, 5, 6]
    console.log(arr3.fill(1, 3)); //[0,1,2,1,1,1,1]

    // 3 つのパラメータが渡される場合、最初のパラメータは塗りつぶされる要素、2 番目と 3 番目のパラメータはそれぞれ塗りつぶされる要素の開始位置と終了位置を参照し、終了位置の要素は変更されません。var arr4 = [0, 1, 2, 3, 4, 5]
    console.log(arr4.fill(1, 3, 5)); //[0,1,2,1,1,5]
    
    // 開始位置または終了位置が負の数の場合、配列の長さがそれらに加算されて最終位置が計算されます。たとえば、開始位置が -1 の場合は array.length-1 と同等です。
    var arr5 = [0, 1, 2, 3, 4, 5]
    console.log(arr5.fill(1, -3));//[0,1,2,1,1,1]
    var arr6 = [0, 1, 2, 3, 4, 5]
    console.log(arr6.fill(1, 3, -2));//[0,1,2,1,4,5]

3. まとめ

上記はこの記事の全内容です。読者の皆様に少しでもお役に立てれば幸いです。よろしければフォローしてください。小白の成長の道では、仕事でよくある問題や技術的なポイントを今後も更新していきます。

js 配列のfill()充填方法に関するこの記事はこれで終わりです。js 配列のfill()充填に関するその他の関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: