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は偽。 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: 現在のループから抜け出し、ループ後のステートメントの実行を続行します。 (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 を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: 特定のシンボルで複数の行と列に分割するMySQLの例
>>: CSS3アニメーションとHTML5の新機能の詳しい説明
フロントエンド開発を行っている初心者の学生を多く見かけますが、彼らの効率は比較的遅いです。常にコード...
MySQL をインストールするための前提条件: CentOS 7 64 ビットをインストールし、Ce...
目次1. インストール2. videojsの紹介3. コンポーネントでのテストと使用1. 基本的な自...
mysql 効率的なクエリMySQL は、左結合の速度を上げるために group by を犠牲にし...
序文新しい VPS を購入しました。新しい VPS のデータ ディスクはデフォルトではシステムにマウ...
コードをコピーコードは次のとおりです。 <div class="content&qu...
mongoイメージを取得する sudo docker pull mongo mongodbサービスを...
問題の背景:再生中のビデオのスクリーンショットを撮る必要があります。ビデオはビデオタグを使用して再生...
目次エフェクト表示コードリンクキーコード表形式データコンポーネントのネスト検証方法リセット方法完全な...
1. es起動コマンド: docker run -itd -e TAKE_FILE_OWNERSHI...
序文休日は終わっていますが、それは別の形で(お腹に触れることで)私たちに現れます。ミニプログラムでデ...
要素に関するいくつかの属性フロントエンドの日常的な開発では、一部のページのプロパティを取得または監視...
ルートパラメータ、ルートナビゲーションガード: ページが戻ったときに検索結果を保持する需要シナリオ:...
MySQL はリレーショナル データベース管理システムです。リレーショナル データベースは、すべて...
コードは次のようになります。 // 配送先住所の平行四辺形の線のスタイル <view clas...