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

推薦する

ページ リファクタリング スキル - Javascript、CSS

JS、CSSについてCS: ...上部のスタイルシートCSS式を避ける外部JS、CSSの使用JSと...

MySQLデータベースに中国語の文字を保存するときに発生するエラーを解決する方法を教えます

目次1. 遭遇した問題2. 問題を分析する3. 本当の問題4. 解決策5. ソリューション効果1. ...

vue3.0共通コンポーネントの自動インポート方法の例

1. 前提条件インポートには require.context メソッドを使用します。vite で作成...

nginx+php実行リクエストの動作原理の詳細な説明

PHPの仕組みまず、よく耳にするcgi、php-cgi、fastcgi、php-fpmの関係を理解し...

ミニプログラムにより、製品属性の選択や仕様の選択が可能

この記事では、ミニプログラムで製品属性選択または仕様選択を実装するための具体的なコードを参考までに共...

HTMLはフォームタグを使用して登録ページのサンプルコードを実装します。

ケースの説明: - ページ効果を実現するためにテーブルを使用する- ハイパーリンクを機能させたくない...

インデックスを使用して数千万のデータを持つ MySQL のクエリ速度を最適化する

1. インデックスの役割一般的に言えば、インデックスは本の目次に相当します。条件に基づいてクエリを実...

Webpack-cliが正常にインストールされたら、詳細についてはwebpack -vエラーケースを確認してください。

目次質問1. webpack webpack-cliをインストールする2. webpackのバージョ...

HTML テーブルタグについての簡単な説明

主にその構造といくつかの重要な特性について説明します。少しずつ改善しながら紹介していきます。 1) ...

js 配列 fill() 充填メソッド

目次1. fill() 構文2. fill() の使用3. まとめ序文:配列の初期化方法についてはよ...

MySQLマスタースレーブ遅延現象と原理の詳細な分析

1. 現象早朝、オンライン テーブルにインデックスが追加されました。テーブル内のデータ量が大きすぎた...

lastInfdexOf 関数の MySQL 実装例

MySQL では lastIndexOf に似た関数を使用する必要がある場合もありますが、すぐに使用...

CSS でハニカム/六角形アトラスを実装するためのサンプルコード

理由は分かりませんが、UIではハニカム効果(手を広げたような効果)のデザインが好まれます。 1. 六...

フロントエンド例外 502 不正なゲートウェイの原因と解決策

目次502 不正なゲートウェイ エラーの発生1. 502 不正なゲートウェイ エラーとは何ですか? ...

Kali Linux システムのバージョンを確認する方法

1. Kali Linuxシステムのバージョンを確認するコマンド: cat /etc/issue 2...