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

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

推薦する

CSS の記述基準と順序を共有する [すべての人に使用を推奨]

CSSの記述順序1. 位置属性(位置、上、右、z-index、表示、フロートなど) 2. サイズ(...

UTF-8 ファイルの Unicode 署名 BOM (バイト オーダー マーク) の問題

最近、UTF8 エンコードの中国語 Zen Cart Web サイトをデバッグしているときに奇妙な現...

エコー後に要素編集フォームel-radioが選択できない問題を解決します

目次序文質問オンラインソリューション序文この記事の内容は私がこの業界に入ったときのメモを元にしている...

Mysql で期間の交差をクエリする方法

MySQLクエリ期間の交差使用シナリオデータベース テーブルには、starttime と endti...

CSS3 オーバーフロープロパティの説明

1. オーバーフローOverflow はオーバーフロー(コンテナ)です。コンテンツがコンテナを越える...

MySQL 最適化 Zabbix パーティション最適化

zabbix を利用する上での最大のボトルネックはデータベースです。zabbix のデータストレージ...

ハイパーリンクの表示と開き方

<br />関連記事: ハイパーリンクを表示して開く方法症状<br />ユー...

HTMLは角丸四角形を簡単に実装します

質問: div+css と配置を使用して角丸四角形を実現するにはどうすればよいですか?ソリューション...

オブジェクトアニメーションによってブロックされずにオブジェクトに div を表示する方法

今日はメニューボタンを作りました。マウスをボタンに移動するすると、ドロップダウンサブメニューが表示さ...

JavaScript の onblur および onfocus イベントの詳細な説明

HTML ページでは、ボタンやテキスト ボックスなどの視覚要素にフォーカスを設定したり、フォーカスを...

MySQL 8.0.22 のインストールと設定のグラフィックチュートリアル

MySQL8.0.22のインストールと設定(超詳細)参考までに、具体的な内容は次のとおりです。みなさ...

計算機機能を実現するjsバージョン

この記事の例では、計算機機能を実装するためのjsの具体的なコードを参考までに共有しています。具体的な...

mysql 結合クエリ (左結合、右結合、内部結合)

1. MySQLの一般的な接続INNER JOIN (内部結合、または等価結合): 2 つのテーブ...

Vue3 テーブルコンポーネントの使用

目次1. Antデザインビュー1. 公式ウェブサイトアドレス2. 使い方3.電子書籍テーブルを表示す...