JavaScript の for/of、for/in の詳細な紹介

JavaScript の for/of、for/in の詳細な紹介

JavaScriptでは、 forループを記述する一般的な方法がいくつかあります。

最初の、そして最も一般的な書き方は次のとおりです。

数字 = [1,2,3,4]

(i=0; i<nums.length; i++)の場合{
    コンソール.log(数値[i])
}

2番目のタイプ:

2 番目のfor/of構文はES6以降で使用できます。添字のインデックス位置で要素を取得せずに、配列内の各要素を直接反復処理できます。実際、反復可能なオブジェクトであれば、 for/of使用できます。

for (let 数値​​の項目){
    コンソール.log(アイテム)
}

3番目のタイプ:

3 番目の記述方法for/in 。反復可能なオブジェクトでなければならないfor/of異なり、 for/in任意のオブジェクトを反復処理できます。ループ反復オブジェクトのプロパティの名前。配列の場合、反復値は配列の添字インデックスとなり、元forと同じです。

p = {名前:"zhang", 年齢:10}とします

for(let key in p){
    console.log(p[キー])
}

出力:


10

for (let インデックス in nums){
    console.log(数値[インデックス])
}


for/in 、反復オブジェクトのすべてのプロパティを列挙することはできません。たとえば、シンボルのプロパティは列挙できません。

for/ofおよびfor/in構文で変数を定義するときに、 constキーワードを使用することもできます。const const 、ループ反復中に定数値を宣言します。

JavaScript の for/of、for/in の詳しい紹介はこれで終わりです。JavaScript の for/of、for/in の詳しい紹介内容については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JS における for、for...in、for...of、forEach の違いと使用例
  • JavaScript における 3 つの for ループ ステートメントの使用の概要 (for、for...in、for...of)
  • JavaScript の for in と for of の違いを例を通して分析する
  • js で forEach、for in、for of ループを使用する例のまとめ
  • js トラバーサルの詳細な説明 (forEach、map、for、for...in、for...of)
  • Js での for...in と for...of の使い方の詳細な説明
  • JS における map、filter、some、every、forEach、for in、for of の使用法の簡単な分析
  • JavaScript のループ メソッドの包括的な分析: forEach、for-in、for-of

<<:  MySQLデータベースの圧縮バージョンのインストールと設定に関する詳細なチュートリアル

>>:  CSSはマウスが画像に移動したときにマスク効果を実現します

推薦する

MySQL監視ツールmysql-monitorの詳細な説明

1. 概要mysql-monitor MYSQL 監視ツール、最適化ツール、1 つの Java Sp...

Reactのdiffアルゴリズムの詳細な分析

Reactのdiffアルゴリズムの理解diffアルゴリズムは、 Virtual DOMの変更された部...

Chrome Dev Tools を使用してページのパフォーマンスを分析する方法 (フロントエンドのパフォーマンス最適化)

背景開発やデバッグには Chrome Dev Tools がよく使用されますが、ページのパフォーマン...

指定フィールドによるMySQLカスタムリストのソートの実装

問題の説明ご存知のとおり、MySQL でフィールドを昇順に並べ替える SQL は次のとおりです (i...

MySQL の垂直テーブルを水平テーブルに変換する方法と最適化のチュートリアル

1. 縦型テーブルと横型テーブル垂直テーブル: テーブル内のフィールドとフィールド値はキーと値の形式...

MySQL で時刻と日付の型を保存する際の選択問題を分析する

一般的なアプリケーションでは、timestamp、datetime、int 型を使用して時間形式を保...

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

この記事では、mysql5.7.23 の詳細なインストールプロセスを記録し、皆さんと共有します。 1...

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

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

Ubuntu 18.04 に opencv 3.2.0 をインストールするためのソリューション

opencv.zip をダウンロード依存関係を事前にインストールします。まずダウンロードソースを更新...

Centos 7 mysql-8.0.19-1.el7.x86_64.rpm-bundle.tar の簡単な分析

Baiduクラウドディスク:リンク: https://pan.baidu.com/s/1hv5rUW...

良いリファクタリングを行うには、コードをリファクタリングするだけでなく、人生をリファクタリングすることも重要です。

職業的な観点からも、人生の観点からも、良い再建をすることは本当に簡単ではありません。楽観的で熱心で前...

Javascript実践におけるコマンドモードの詳しい説明

目次意味構造例カスタムショートカットキー元に戻すとやり直し録音と再生マクロ要約する意味リクエストをオ...

jQueryはシャトルボックス効果を実現します

この記事では、シャトルボックス効果を実現するためのjQueryの具体的なコードを参考までに紹介します...

Dockerでnginxをデプロイし、設定ファイルを変更する方法

Dockerでnginxをデプロイするのはとても簡単ですたった 1 行のコマンド: docker 実...

ubuntu20.04 LTSにdockerをインストールする方法

ゼロ: 古いバージョンをアンインストールするDocker の古いバージョンは、docker、dock...