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

推薦する

フレックスレイアウトは、上下固定、中間スライドのレイアウトモードを実現します。

この記事では、主に、上下固定と中スライドレイアウトを実現するためのフレックスレイアウトのレイアウト方...

Dockerでランナーコンテナを構成する方法

1. ランナーコンテナを作成する mk@mk-pc:~/Desktop$ docker run -d...

MySQLテーブルの内容の変更を監視し、MySQL binlogを有効にする

序文binlog は、MySQL のすべての追加、削除、および変更ステートメントを記録するバイナリ ...

MySQLを閉じることができない問題を解決する方法

mysql が閉じない場合の解決策:コンピュータのタスクバーを右クリックしてタスクマネージャーを開き...

要素 el-button ボタンコンポーネントの使用の詳細な説明

1. 背景ボタンは非常によく使われており、Element のボタン機能は非常に包括的です。この記事で...

Linux 上のカラフルな猫

Linux システムを使用したことがある友人なら、 catコマンドを使用したことがあるはずです。もち...

年末ですが、MySQL パスワードは安全ですか?

序文:年末です。データベースを検査する時期ではないでしょうか?一般的に、検査では、パスワードの複雑さ...

jsとcssのブロッキング問題の詳細な分析

目次DOMContentLoadedとロードjs ブロッキングとは何ですか? CSS ブロッキングと...

Vue+Websocketはチャット機能を実装するだけです

この記事では、チャット機能を簡単に実装するためのVue+Websocketの具体的なコードを参考まで...

リモートログインとポート公開を防ぐためのLinuxサーバー構成IPホワイトリスト

序文ブロガーが使用しているサーバーは Alibaba Cloud から購入したものです。実際、Ali...

Vue プロジェクト コード分割ソリューション

目次背景目的分割前プロセス設計ディレクトリ構造の設計問題分割後プロセス設計ディレクトリ構造の設計問題...

docker で nginx+php+mysql を設定する方法

まず、方法を理解します。 docker exec を使用して Docker コンテナに入るDocke...

MYSQL ストアドプロシージャと関数の簡単な記述

ストアドプロシージャとは簡単に言えば、これは強力で、JAVA 言語のメソッドに似た比較的複雑な論理関...

Linuxの運用と保守、基本的なプロセス管理、リアルタイム監視と制御

目次1. バックグラウンドで実行されるジョブ2. 信号を使用してプロセスを制御する基本的なプロセス管...