js 配列エントリ() 反復メソッドを取得する

js 配列エントリ() 反復メソッドを取得する

1.entires() メソッドの詳細な構文

entries()メソッドは、配列の(key/value)を含む配列反復子オブジェクトを返します。

反復オブジェクト内の配列のインデックス値がkeyとして使用され、配列要素がvalueとして使用されます。そのプロトタイプ(__proto__:Array Iterator)には、イテレータを走査して元の配列の[key,value]を取得するために使用できるnextメソッドがあります。ここでは、関連するイテレータの知識が必要です。

2.entires() メソッドの一般的な使用法と注意事項

2.1 イテレータオブジェクトを返す

    var arr = ["赤", "青", "緑"]
    var x = arr.entries()
    console.log(x); // 配列イテレータ {}
    console.log(x.next()) //{値: 配列:[0, "red"],done:false}
    console.log(x.next()) //{値: 配列:[1, "blue"],done:false}
    console.log(x.next()) //{値: 配列:[2, "green"],done:false}
    console.log(x.next()) //{値: 未定義、完了: true}

2.2 for...of...の使用

    定数オプション = [1, , , , 5];
    for (const [インデックス, 値] of options.entries()) {
      console.log(値);
    }
    // 0 1
    // 1 未定義
    // 2 未定義
    // 3 未定義
    // 4 5

2.3 2次元配列の行のソート

    関数sortTwo(arr) {
      var エントリ = arr.entries()
      var フラグ = true
      while (フラグ) {
        var res = エントリ.next()
        (!res.done)の場合{
          res.value[1].sort((a, b) => a - b);
          フラグ = true
        } それ以外 {
          フラグ = 偽
        }
      }
      リターン
    }
    var arr = [[1, 3, 2], [44, 33], [11, 55, 44, 33]]
    ソート2(arr)
    console.log(arr); // [[1, 2, 3], [33, 44], [11, 33, 44, 55]]

上記のコードでは、 sortTwoメソッドは、まず渡された配列の反復オブジェクトを取得し、次に初期化フラグをtrueに定義し、反復オブジェクトエントリのnextメソッドをentiresに呼び出してresオブジェクトに割り当て、 resオブジェクトのd one属性を判断します。値がtrueの場合、再帰が可能であることを意味します。 res.value 2 次元配列の各行に対応し、項目をソートできます。値がflaseの場合、再帰が終了したことを意味します。

要約:

これで、js 配列エントリ()を使用して反復処理メソッドを取得する方法に関するこの記事は終了です。js 配列エントリ()を使用して反復処理メソッドを取得する方法に関するその他の関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScript配列の一般的なメソッドの詳細な説明
  • JavaScript配列の一般的なメソッドの概要
  • JavaScript配列の一般的なメソッドの概要
  • JavaScript インタビュー: 配列の平坦化メソッドを実装する方法
  • JS配列の組み込みトラバーサルメソッドとその違いについての簡単な説明
  • JS配列メソッドの詳細な説明

<<:  DockerコンテナはホストのMySQL操作にアクセスする

>>:  ウェブページのカスタム選択ボックス選択

推薦する

Tomcat10 Catalinaのログの文字化けの問題を解決する

実行環境、Idea2020バージョン、Tomcat10、実行時にTomcat CatalinaLog...

Vueはマーキースタイルのテキストの水平スクロールを実装します

この記事では、マーキースタイルのテキストの水平スクロールを実現するためのVueの具体的なコードを参考...

WeChatミニプログラムが星評価を実装

この記事では、WeChatアプレットで星評価を実装するための具体的なコードを参考までに紹介します。具...

シェルスクリプトはNginxのaccess.logのPVを定期的にカウントし、APIに送信してデータベースに保存します。

1. PVとIPの統計一日のPV(ページビュー)をカウントする cat access.log | ...

HTML で dl(dt,dd)、ul(li)、ol(li) を使用する方法

HTML <dl> タグ#定義と使用法<dl> タグは定義リストを定義します...

React Native APPのアップデートに関する簡単な説明

目次アプリ更新プロセス大まかなフローチャートアプリ情報の更新1. まず取得する必要があるファイルアド...

Node.js コード実行をバイパスするためのヒントのまとめ

目次1. 子プロセス2. nodejsでのコマンド実行2.1 16進数エンコード2.2 ユニコードエ...

Vueは、商品の数を制御するためのコンポーネントのパッケージ化と使用を実装します。

Vueのコントロール商品数量コンポーネントのカプセル化と使用は参考までに。具体的な内容は以下のとお...

Ubuntu 18.04 は pyenv、pyenv-virtualenv、virtualenv、Numpy、SciPy、Pillow、Matplotlib をインストールします

1. 現在、Pythonのバージョン管理ツールは数多く存在します。その中でも比較的使いやすいのがPy...

Apache Webサーバーのインストールと設定方法

信頼性が高く、人気があり、簡単に構成できる Web サーバーである Apache で独自の Web ...

MySQLクエリ文の実行プロセスを理解するための記事

序文要件を満たす特定のデータをデータベースから取得する必要があります。Select ABC FROM...

ログインインターセプションを実装するためのVueルーティング

目次1. 概要2. ログインインターセプションを実装するためのルーティングナビゲーションガード1. ...

ウェブサイトのデザインでは色の階層感覚に注意を払う必要があります

最近、私はデザインには階層感覚が必要だと言っています。この階層感覚には、色の重ね合わせや要素の重ね合...

JavaScript でウェブ プレーヤーを実装する

今日は、JavaScript を使用して Web ページ上にプレーヤーを作成する方法を紹介します。誰...

MySQL主キー命名戦略関連

最近、データライフサイクル管理の詳細を整理していたときに、小さな問題を発見しました。それは、MySQ...