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操作にアクセスする

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

推薦する

Nginx の純粋な構成でリアルタイム ログ レポートを実現するためのアイデアと方法

目次序文実装のアイデア実装手順1. Nginxをコンパイルする2. 設定ファイルは以下のとおりです要...

NodeサイトのForever+nginx導入方法例

私は最近、最も安い Tencent クラウド サーバーを購入しました。これは主に、Web テクノロジ...

Vue3コンポーネントの開発詳細

目次1. はじめに2. コンポーネント開発1. コンポーネントの構成2. ヘッダーコンポーネントの開...

ネイティブ js でカスタム スクロール バーを実装する

この記事の例では、カスタムスクロールバーを実装するためのjsの具体的なコードを参考までに共有していま...

MYSQL スロークエリとログの例の説明

1. はじめにスロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメン...

WeChatミニプログラムページ間の価値転送を実装する方法の例

ミニプログラムページ間で値を渡すみなさんこんばんは。こんばんはと言うのは、これを夜に書いたからです。...

IE7 互換モードで IE8 を有効にするコード

最も人気のあるタグはIE8ですブラウザベンダーはバージョンアップデートのリリースに躍起になっている一...

デザイン理論:人の心を理解する方法

<br />かつて、仏印と東坡氏が仏教について雑談していたとき、東坡氏が突然こう言った。...

CSS クリアフロートクリア:both サンプルコード

今日はフロートのクリアについてお話します。フロートのクリアについてお話する前に、フロートとは何かを理...

GitHub のサードパーティ認証方式を Vue で実装する例

目次OAuth アプリの作成コードを取得するaccess_tokenを取得するユーザー情報を取得する...

URLパラメータに基づくNginx転送

使用シナリオ:ジャンプ パスは、傍受された URL に応じて動的に構成する必要があります。これは、イ...

WeChatアプレットでvantフレームワークを使用するための具体的な手順

目次1. アプレットのプロジェクト ディレクトリを開き、ファイルの場所を開きます。 2. プロジェク...

Reactでaxiosを使用してリクエストを送信する一般的な方法

目次Reactにaxios依存関係をインストールして導入するGETリクエストにaxiosを使用するa...

MySQL例外に対する一般的な解決策をいくつか分析する

目次序文1. コードによって設定されたデータベース名またはパスワードがローカルデータベースと一致して...

Linux での syslogd および syslog.conf ファイルの解釈

1: syslog.conf の概要異なるタイプの Unix の場合、標準の UnixLog システ...