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 インストールの超詳細なチュートリアル

推薦する

Vueは、センシティブな単語フィルタリングコンポーネントを検出するためのさまざまなアイデアを実装しています。

目次前面に書かれた要件分析 v1アイデア1: インターセプションメソッドを使用して入力ボックスの入力...

JavaScriptはフォームデータの非同期取得を実装します

この記事では、フォームデータの非同期取得を実現するためのJavaScriptの具体的なコードを例とし...

Linux インストール MySQL5.6.24 使用手順

Linux インストール MySQL ノート1. MySQL データベース サーバーをインストールす...

Vue 手書き読み込みアニメーション プロジェクト

ページが応答しない場合、白い画面が表示されないように、読み込みアニメーションを表示するのがユーザーフ...

CentOS6 アップグレード glibc 操作手順

目次背景glibc 2.14をコンパイルするソフトリンクを変更するやっと背景テスト環境には Cent...

Div はフラッシュを覆います。フラッシュ透過方式により、フラッシュ上に DIV レイヤーを配置できます。

2つのタイプがあります: (異なるブラウザ) 1. IEブラウザで利用可能コードをコピーコードは次の...

MySQL マスタースレーブレプリケーションの役割と動作原理の詳細な説明

1. マスタースレーブレプリケーションとは何ですか?マスタースレーブレプリケーションは、スレーブデー...

ローカル画像サーバーのNginx構成の実装

目次1. Nginx の紹介2. 画像サーバーの構築1. Nginx の紹介Nginx はリバース ...

mysql は sql ファイルを実行し、エラーを報告します エラー: 不明なストレージ エンジン 'InnoDB' ソリューション

問題を見つける最近、仕事で問題が発生しました。InnoDB タイプの SQL ファイルを実行すると、...

CSS オーバーフローラップの新しいプロパティ値をどこでも使用

1.まず、overflow-wrap属性を理解する CSS のoverflow-wrapプロパティは...

Docker イメージ管理の一般的な操作コード例

ミラーリングも Docker のコアコンポーネントの 1 つです。ミラーリングはコンテナ操作の基盤で...

Dockerを使用してGitlabを素早くデプロイする方法

1. GitLabイメージをダウンロードする docker pull gitlab/gitlab-c...

HTML 中国語文字エンコード標準の概要

HTML では、Web ページで使用されるエンコーディングを指定する必要があります。一般的な指定方法...

div タグ内の要素の margin-top が無効である場合の解決策

タイトル通りです。その質問は非常に奇妙です。要素の親タグはdivで、幅や高さなどの属性は設定されてい...

JavaScript カウントダウン プロンプト ボックス

この記事の例では、カウントダウンプロンプトボックスを実装するためのJavaScriptの具体的なコー...