<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ~~~ /* * 循環:一輪一輪的重復做某一件事情(真實項目中一般應用于: * 循環一個集合或者控制循環處理的次數,每一輪循環都控制相關的事情執行一遍) * for(設置初始值;設置循環執行的條件,控制循環次數;每一輪循環結束后處理的事情[步長累加]){ * //=>循環體(每一輪循環要做的事情) * } * 1. 設置初始值 * 2. 驗證條件(條件不成立循環結束) * 3. 循環體 * 4. 步長累加 * 5. 再次驗證條件 * 6. 循環體 * .... */ for (var i = 0; i < 5; i++) { console.log(`本輪循環i的值是:${i}`); } console.log(`循環結束后,此時的i已經變為:${i}`); ~~~ ![](https://img.kancloud.cn/59/0c/590c6e06772e2ab499de049e63577eee_569x298.png) ~~~ /* * 初始值:i=0 * 0<5 成立的 * 0<3成立 i++ i=1 =>1 * i+=2 i=3 * 3<5 成立的 * 3<3 不成立 =>3 * i+=2 i=5 * 5<5 不成立 循環結束 */ for (var i = 0; i < 5; i += 2) { if (i < 3) { i++; } console.log(`本輪循環i的值是:${i}`); } console.log(`循環結束后,此時的i已經變為:${i}`); ~~~ ![](https://img.kancloud.cn/a5/15/a515356f2a209edb47f7fc13f8b218de_613x331.png) ~~~ var n = 10; for (; n > 0;) { if (n > 5) { n -= 2; } else { n -= 3; } } console.log(`循環結束后,此時的i已經變為:${n}`); //=>-2 */ ~~~ ![](https://img.kancloud.cn/69/41/69413872998c12fb567378f2e5839367_684x290.png) ~~~ /* * ==循環體中可能出現的兩個關鍵字== * break 強制結束整個循環(循環體中一旦遇到break,整個循環都結束了,break下面代碼不在執行,步長累計也不再執行) * continue 結束本輪循環,下一輪繼續(循環體中一旦遇到continue,本輪循環結束,continue下面代碼不在執行,但是步長累計會執行) */ for (var i = 0; i < 5; i++) { if (i > 3) { // i=4 的時候,遇到了break,此時循環結束 break; } console.log(`本輪循環i的值是:${i}`); //=> 0 1 2 3 } console.log(`循環結束后,此時的i已經變為:${i}`); //=>4 ~~~ ![](https://img.kancloud.cn/f9/83/f983be55dfaa5da4da44e28c2253690f_812x422.png) ~~~ for (var i = 0; i < 5; i++) { if (i > 2) { i += 1; //=>i=3 i++ =>i=4 遇到continue:本輪循環結束(下面輸出不執行,但是i++會執行) continue; } console.log(`本輪循環i的值是:${i}`); //=>0 1 2 } console.log(`循環結束后,此時的i已經變為:${i}`); //=>5 ~~~ ![](https://img.kancloud.cn/27/9e/279e81cac524fa92ef33976fa81ed5c1_808x423.png) ~~~ for (var i = 0; i < 7; i++) { if (i > 2) { i += 1; //=>i=3 i++ =>i=4 遇到continue:本輪循環結束(下面輸出不執行,但是i++會執行) continue; } console.log(`本輪循環i的值是:${i}`); //=>0 1 2 } console.log(`循環結束后,此時的i已經變為:${i}`); //=>7 ~~~ ![](https://img.kancloud.cn/08/ab/08ab1ea475215979c44de993c3edf16f_836x442.png) ~~~ for (var i = 0; i < 10; i++) { if (i >= 2) { i += 2; continue; } if (i >= 6) { i--; break; } i++; console.log(i); //=>1 } console.log(i); //=>11 ~~~ ![](https://img.kancloud.cn/5b/03/5b03f47f833cf4ddd7020668153eb4a8_765x394.png) ~~~ /* 遍歷(循環 / 迭代)數組中的每一項:因為數組有索引和length屬性,所以我們能夠知道循環次數,也能基于索引獲取對應項,使用FOR循環就可以解決 */ var arr = [10, 20, 30, 40, 50]; for (var i = 0; i < arr.length; i++) { // // arr.length = 5 // // 第一輪循環 i=0 // arr[0] // // 第二輪循環 i=1 // arr[1] // // .... // // 第五輪循環 i=4 // arr[4] // 每一輪循環i變量存儲的值就是我們當前這一輪想獲取數組中當前項的索引 console.log(arr[i]); } /* 遍歷對象中的每一個屬性:我們無法直接獲取到對象中有多少個屬性(ES6中的Object.keys除外),也就無法知道循環多少次,所以無法使用FOR循環;真實項目中遍歷對象我們基于FOR IN循環;*/ var obj = { name: '珠峰', age: 10, teacher: '周老師', address: '北京市回龍觀東大街' }; for (var key in obj) { //=>創建變量(存儲的是屬性) in 對象 //=>當前對象中有多少個可枚舉的屬性,就循環多少次 //=>key變量存儲的是每一次循環的屬性名 //=>obj[key]獲取key變量對象屬性名的屬性值 // 第一輪循環 key='name' obj[key] => obj['name'] // obj.key或者obj['key'] 獲取屬性名叫做key的屬性值 console.log(`本輪循環,屬性名:${key},屬性值:${obj[key]}`); } ~~~ ![](https://img.kancloud.cn/a3/50/a350e18d9a0dec651e06ad318d1f2003_744x520.png) ~~~ // FOR IN遍歷的時候,是優先按照從小到大的機制遍歷數字屬性的 var obj = { name: '珠峰', age: 10, 10: 100, 0: 10 }; for (var key in obj) { // 0 10 name age console.log(`本輪循環,屬性名:${key},屬性值:${obj[key]}`); } ~~~ ![](https://img.kancloud.cn/d1/b1/d1b165372a0d0156f48b48acd3ca8e1f_842x445.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看