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はマウスが画像に移動したときにマスク効果を実現します

推薦する

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

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

ブラウザ内でHTMLタグを中央に配置するCSSスタイル

CSS スタイル:コードをコピーコードは次のとおりです。 <スタイル タイプ="te...

Dockerコンテナ接続実装手順の分析

一般的に言えば、コンテナが起動した後、ポート マッピングを通じてコン​​テナが提供するサービスを使用...

MYSQLテーブルの包括的な概要

目次1. テーブルを作成する1.1. テーブルを作成するための基本構文1.1.1. シンプルなテーブ...

Web デザイン: Web ミュージックの実装テクニック

<br />Web ページに音楽を挿入する場合、サフィックスに応じて異なるコードを記述す...

docker run後にコンテナがExited (0)と表示される問題を解決する

Centos7 上で openresty 用の Dockerfile を作成し、ビルドしました。 d...

JS、CSS スタイルのリファレンスの記述

CS: ... 1. <link type="text/css" href...

Windows で負荷分散に Nginx+Tomcat を使用するための完全な手順

序文今日は、Prince が Windows で負荷分散に Nginx + Tomcat を使用する...

MySql データベースにおける単一テーブル クエリと複数テーブル結合クエリの効率の比較

この間、プロジェクトに取り組んでいるときに、データ間の接続が非常に複雑なモジュールに遭遇しました。テ...

エラー 2002 (HY000): ソケット '/tmp/mysql.sock' 経由でローカル MySQL サーバーに接続できません

エラーメッセージ:エラー 2002 (HY000): ソケット '/tmp/mysql.so...

6秒でMySQLに100万件のレコードを挿入する方法を教えます

1. アイデアMySQL に 1,000,000 件のレコードを挿入するのにたった 6 秒しかかかり...

MySQL 文字セットの変更に関する実践的なチュートリアル

序文: MySQL では、システムが多くの文字セットをサポートしており、異なる文字セット間にはわずか...

Vueはパーセンテージバー効果を実現します

この記事では、パーセンテージバーを実現するためのVueの具体的なコードを参考までに共有します。具体的...

Windows 環境での MYSQL5.7 設定ファイルの場所のグラフィカル分析

1. MYSQLインストールディレクトリ次のようにコードをコピーします。 select @@bas...

HTMLにおけるbackground-image属性の設定の詳細な説明

写真といえば、まず背景画像が思い浮かびます。私たちの装飾の多くは背景画像を使用して実現されているから...