js のループメソッドとさまざまなトラバーサルメソッド

js のループメソッドとさまざまなトラバーサルメソッド

forループ

1. For には 3 つの式があります。① ループ変数を宣言する、② ループ条件を決定する、③ ループ変数を更新する。3 つの式は ; で区切られます。

for ループ内の 3 つの式は省略できますが、2 つの「;」は必須です。

2. forループの実行特性:まず判断してから実行する。whileと同じ。

3. forループの3つの式は複数の部分で構成できます。2番目の部分の複数の判定条件は&& ||で接続され、最初の部分と3番目の部分はカンマで区切られます。

(var num = 1;num<10;num++){
               console.log(数値); //1,2,3,4,5,6,7,8,9
              }

whileループ

whileループ()内の式は様々な計算結果が出る可能性がありますが、最終的にはtrueかfalseに変換されます。変換ルールは以下のとおりです。

①ブール値:trueは真、falseは偽。
②文字列:空の文字列は false、空でない文字列はすべて true です。
③数値: 0 は偽、ゼロ以外の数値はすべて真。
④null/Undefined/NaN: すべてfalse;
⑤目的語:すべて正しい。

var num = 1; //1. ループ変数を宣言します while (num<10) { //2. ループ条件を決定します。
    console.log(num); //3. ループ操作を実行します。
    num++; //4. ループ変数を更新します。
}

do-while ループ

while ループの機能: 最初に判断してから実行します。

do-while ループの特徴: 最初に実行してから判断します。初期条件が満たされない場合でも、do-while ループは少なくとも 1 回実行されます。つまり、do-while ループは while ループよりも 1 回多く実行されます。

var 数値 = 10;
            
する{
    console.log(数値); // 10 9 8 7 6 5 4 3 2 1 0
    数値--;
    }while(num>=0);
            
   console.log(数値);//-1

ループのネスト

外側のループは行を制御します。内側のループは列を制御します。ネストされたループ: 複数行および複数列の構造を解決します

(var j = 1; j < 9; j ++){
        (var i=0;i<j+1;i++){
            ドキュメントを書き込みます。
        }
        document.write("<br>");
    }

トラバーサルメソッド

~のために~で

for-in ステートメントは、配列またはオブジェクトのプロパティをループするために使用されます。

for-in ループ内のコードが実行されるたびに、配列またはオブジェクトのプロパティが操作されます。

obj={'name':'プログラマー','age':'22','height':'180'};
for(let i in obj){
    コンソールログ(i,obj[i])
}

~の~のために

for...of ループのスコープには、配列、Set および Map 構造、一部の配列のようなオブジェクト (引数オブジェクト、DOM NodeList オブジェクトなど)、後述する Generator オブジェクト、および文字列が含まれます。

JavaScript のオリジナルの for-in ループでは、オブジェクトのキー名しか取得できず、キー値を直接取得することはできません。 ES6はfor...ofループを提供しており、これによりキー値を取得するためのトラバーサルが可能になります。

配列操作:

 var arr = ['a', 'b', 'c', 'd'];

        (arr に a を入れる) {
          コンソール.log(a); // 0 1 2 3
        }
        
        for (let a of arr) {
          console.log(a); // abcd
        }

配列のようなオブジェクト操作:

        // 文字列 var str = "hello";
        
        for (let s of str) {
          console.log(s); // こんにちは
        }
        
        // DOM NodeList オブジェクト let paras = document.querySelectorAll("p");
        
        (パラグラフのpとする){
          p.classList.add("テスト");
        }
        
        // 引数オブジェクト関数 printArgs() {
          for (let x of arguments) {
            コンソールログ(x);
          }
        }
        printArgs('a', 'b'); // 'a' 'b'

ループ制御文

1. break: 現在のループから抜け出し、ループ後のステートメントの実行を続行します。
ループに複数のレイヤーがある場合、break は 1 つのレイヤーからのみジャンプできます。
2. continue: このループの残りのコードをスキップし、次のループの実行を続行します。
① forループの場合、continueの後に実行される文はループ変数更新文i++です。
②whileループおよびdo-whileループの場合、continueの後に実行される文がループ条件判定になります。
したがって、これら 2 つのループを使用する場合は、i++ の後に continue を使用する必要があります。そうしないと、continue は i++ をスキップして無限ループに入ります。

 (var i=0;i<10;i++){
        もし(i == 5){
            壊す;
        }
        コンソール.log(i); //0,1,2,3,4
    }

    (var i=0;i<10;i++){
        もし(i == 5){
            続く;
        }
        コンソール.log(i); //0,1,2,3,4,6,7,8,9
    }

js のループ メソッドとさまざまなトラバーサル メソッドに関するこの記事はこれで終わりです。より関連性の高い js ループ メソッドとトラバーサル コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • js配列内のすべての要素をループする方法
  • JS で配列をループする 4 つの方法のまとめ
  • JS シンプル ループ トラバーサル JSON 配列メソッド
  • JSON データをループする JS メソッド
  • JavaScript のループトラバーサルメソッド 12 個 [要約]
  • JavaScript のさまざまなループトラバーサル方法の概要
  • JS の配列トラバーサルについて、一般的なループをいくつ知っていますか?
  • JavaScript ループトラバーサルの 24 種類のメソッドをすべてご存知ですか?

<<:  特定のシンボルで複数の行と列に分割するMySQLの例

>>:  CSS3アニメーションとHTML5の新機能の詳しい説明

推薦する

MySQL UPDATE ステートメントの非標準実装コード

今日は、MySQL データベースと SQL 標準 (および他のデータベース) の UPDATE ステ...

CentOS 6.5 の設定 ssh キーフリーログインで pssh コマンドを実行する方法の説明

1. psshを確認してインストールします。yum list pssh 2. キーレスログインが設定...

CentOS7 ファイアウォールとポート関連コマンドの紹介

目次1. ファイアウォールの現在の状態を確認する2. ファイアウォールサービスを開始する3. ファイ...

CentOS 7 ブートカーネルの切り替えとブートモードの切り替えの説明

Centos7 スイッチブートカーネル注: 必要に応じて、最初にyum update -yを実行して...

MySQL SQL 最適化チュートリアル: IN クエリと RANGE クエリ

まず、in() クエリについて説明します。 「High Performance MySQL」では、イ...

CentOS 8.1 で LEMP (Linux+Nginx+MySQL+PHP) 環境を構築する (チュートリアルの詳細)

目次ステップ1: CentOS 8でパッケージを更新するステップ2: CentOS 8にNginx ...

RocketMQ の Docker インストールとインストール中に発生した問題の解決策

目次rocketmqイメージを取得する名前rvを作成する単一のブローカーノードを作成するrocket...

Vue ルーターにパラメータを渡すときにページを更新するとパラメータが失われる問題に対処する方法

目次概要方法1: params経由でパラメータを渡す方法2: クエリを通じてパラメータを渡す方法3:...

Django+Mysql+Redis+Gunicorn+NginxのDockerデプロイメントの実装

I. はじめにDockerテクノロジーは現在非常に人気があります。コンテナを介してプロジェクト環境を...

ウェブ開発者やデザイナーにとって欠かせないオンラインウェブツールとアプリケーション

これまでの記事で、フロントエンド開発者にとって必須のツール、スクリプト、リソースのコレクションを紹介...

MySQLにおける正規表現の一般的な使用法

MySQL における Regexp の一般的な使用法特定の文字列を含むあいまい一致# コンテンツフィ...

K3s 入門ガイド - Docker で K3s を実行するための詳細なチュートリアル

k3dとは何ですか? k3d は、Docker で K3s クラスターを実行するための小さなプログ...

JavaScript を使用して二分探索木を実装する方法

コンピュータ サイエンスで最も一般的に使用され、議論されているデータ構造の 1 つは、二分探索木です...

Node.jsはMySQLデータベースの実戦記録を追加、削除、変更、チェックします

目次プロジェクトでデータベースを操作する3つのステップデータベースを操作するための具体的な手順1: ...

MySQLのREDOログ(リドゥログ)とロールバックログ(アンドゥログ)の詳しい説明

序文:前回の記事では、MySQL システムでよく使用されるログをいくつか説明しました。実は、トランザ...