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

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 をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript 配列メソッドの完全なリスト
  • JS 1次元配列を3次元配列に変換する方法
  • JavaScript 配列メソッドの詳細な例
  • JS配列メソッドの詳細な説明
  • JavaScript配列の一般的なメソッドの詳細な説明
  • JavaScriptの配列メソッドについて学びましょう

<<:  CSSで特殊なグラフィックを描く方法

>>:  mysql8.0.23 msi インストールの超詳細なチュートリアル

推薦する

Docker コンテナのネットワーク障害に対する 6 つの解決策

Docker コンテナのネットワーク障害に対する 6 つの解決策注: 以下の方法は、コンテナ内のパブ...

MySQLがトランザクション分離を実装する方法の簡単な分析

目次1. はじめに2. RC および RR 分離レベル2.1. RRトランザクション分離レベルでのク...

HTML で相対パスを使用してディレクトリのすべてのレベルのファイルを取得する方法の詳細な説明

相対パスの概念現在のファイルの場所を参照ポイントとして使用して、ターゲット ファイルへのパスを確立し...

Docker コンテナの正常なシャットダウン前にトラップを使用して環境のクリーンアップを実行する

実行中のコンテナが終了したときに、コンテナが完全に終了する前に環境をクリーンアップするなど、いくつか...

MySQL クロステーブルクエリとクロステーブル更新

SQL の基礎知識がある友人は、「クロステーブル クエリ」について聞いたことがあるはずですが、クロス...

HTML_PowerNode Java アカデミーでテーブルを動的に追加する

さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 <html> <...

jQueryはネストされたタブ機能を実装します

この記事では、ネストされたタブ機能を実装するためのjQueryの具体的なコードを参考までに紹介します...

CSS のサイズ単位についての簡単な説明

ブラウザの互換性はどんどん良くなってきています。モバイル端末は基本的にすべてWebKitベースです。...

Linux で lvm 論理ボリューム パーティションのサイズを調整するチュートリアル (xfs や ext4 などのさまざまなファイル システム用)

序文システムをインストールしたときに、パーティション領域を適切に割り当てませんでした。その後のメンテ...

Linux CentOS インストール JDK および Tomcat チュートリアル

まずJDKをダウンロードします。ここではjdk-8u181-linux-x64.tar.gzを使用し...

シンプルなID生成戦略: MySQLテーブルからグローバルに一意のIDを生成する実装

グローバル ID を生成する方法は多数あります。ここでは簡単な解決策を紹介します。MySQL の自動...

Windows での MySQL スケジュールバックアップ スクリプトの実装

Windows サーバーでデータベース データを定期的にバックアップする場合は、Windows タス...

Vue Element フロントエンドアプリケーション開発 従来の Element インターフェースコンポーネント

目次1. リストインターフェースとその他のモジュールの表示処理2. 従来のインターフェースコンポーネ...

MySQL 外部キー制約の詳細な説明

公式ドキュメント: https://dev.mysql.com/doc/refman/5.7/en/...