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

推薦する

CentOS の Nginx 公式 Yum ソースの設定を詳しく解説

私はプロジェクトの展開にAlibaba Cloudから購入したCentOSを使用しています。最近、プ...

25 div+css プログラミングのヒントとコツ

1. ul タグには、Mozilla ではデフォルトでパディング値がありますが、IE ではマージン値...

Linux システムで Java 環境変数を設定する方法

Java環境変数を設定するここで、環境変数は etc/profile に設定され、つまり、すべてのユ...

Vueスロットの実装原理についての簡単な説明

目次1. サンプルコード2. 現象を通して本質を見抜く3. 実施原則4. 親コンポーネントのコンパイ...

MySQL データ型の最適化の原則

MySQL は多くのデータ型をサポートしており、高パフォーマンスを得るには適切なデータ型を選択するこ...

MySQL オンライン DDL ツール gh-ost 原理分析

目次1. はじめに1.1 原則1.2 プロセス1.3 特徴1.4 githubアドレス2. テスト環...

MySQL公式エクスポートツールmysqlpumpの使用

目次導入説明書実際の経験長所と短所総括する導入mysqlpump は mysqldump の派生です...

最も完全なpackage.json分析

目次1. 概要2. 名前フィールド3. バージョンフィールド4. 説明フィールド5. キーワードフィ...

MySQL DATE_FORMAT関数の使用

タオバオが、ダブル11に最も多くの注文をした2人のユーザー、ユーザー1:「ショッピングの皇帝、陳哈哈...

node.jsのコアモジュールとは

目次グローバルオブジェクトグローバルオブジェクトとグローバル変数プロセスコンソール一般的なツールユー...

WeChatミニプログラムビデオ集中砲火位置ランダム

この記事では、WeChatミニプログラムのビデオ弾幕の位置をランダム化するための具体的なコードを紹介...

ウェブページ制作でウェブフォントファイルにベクターアイコンを追加する方法

ご存知のとおり、コンピューターには 2 種類の画像があり、1 つはビットマップ、もう 1 つはベクタ...

Chrome をクラッシュさせる CSS コードの行

一般的な CSS コードでは、UI レイアウトや互換性に関して軽微な問題が発生するだけです。しかし、...

ページのレンダリング時間を短縮してページの実行速度を速めます

ブラウザでのページのレンダリング時間をできるだけ短縮するにはどうすればよいでしょうか? この記事は、...

MySQL 整合性制約の定義と例のチュートリアル

目次整合性制約整合性制約の定義整合性制約の分類主キー制約単一の主キーと複合主キーの違い主キーフィール...