【重溫基礎】3.循環和迭代

miracledan 發布于2019-08-23 14:00 / 2636人閱讀

摘要：本文是重溫基礎系列文章的第三篇，今天想起鬼腳七的一句話人不一定自由，但思想一定是自由的。系列目錄復習資料資料整理個人整理重溫基礎語法和數據類型重溫基礎流程控制和錯誤處理本章節復習的是中的循環語句，讓我們能更快速且簡單的完成一些需求。

本文是 重溫基礎 系列文章的第三篇，今天想起鬼腳七的一句話：人不一定自由，但思想一定是自由的。思想沒有對和錯，也沒有高和低，只有不同。了解一個人可以去了解他的思想。
。

系列目錄：

【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理)

【重溫基礎】1.語法和數據類型

【重溫基礎】2.流程控制和錯誤處理

本章節復習的是JS中的循環語句，讓我們能更快速且簡單的完成一些需求。

首先我們要知道：循環實際上就是把一個事情重復n次執行，也有可能是0次，JS中有以下幾種循環語句類型：

for語句

do...while語句

while語句

labeled語句

break語句

continue語句

for...in語句

for...of語句

1.for語句

重復執行for的條件語句，直到循環條件為false退出循環：

var a = 1;
for ( a < 3){
    a ++;
}

這個語句大概執行了以下操作：

1.定義并初始化一個變量a的值為1；

2.執行循環語句，條件為當a < 3的時候，a每次遞增1；

3.返回第2步繼續循環；

4.當a在等于4的時候，不滿足循環條件a < 3，然后退出循環；

其他例子：

// 求數組中所有值的和
var a = [ 1, 3, 4, 6];
var sum = 0;
for (var i = 0; i < a.length; i++){
    sum += a[i];
}
sum; // 14

2.do...while語句

重復執行do的條件，直到不符合while的條件，退出循環：

do {
  a += 1;
  console.log(a);
} while (a < 5);

3.while語句

重復執行while的條件，直到while的條件為false，退出循環：

var a = 0;
var b = 0;
while (a < 5){
    a ++;
    b += a;
}
// a => 5; b => 15

4.labeled語句

用來標識一個程序位置的標識符，如標識一個循環，并在break或continue中指出中國標識符，來停止這個循環。

var a = [1, 2, 3, 4, 5];
labelName:
for(var i = 0 ;i< a.length; i++){
    console.log(i);
    if(i > 1){
        break labelName;
    }
}
// 0
// 1
// 2

5.break語句

用于終止一個循環，還可以在switch中終止，通常這么使用：

終止一個循環：

for(var i = 0 ;i< a.length; i++){
    if(a[i] == 1){
        break;
    }
}

終止一個label

leo:
for(var i = 0 ;i< a.length; i++){
    for(var j = 0 ;j< a.length; j++){
        if(a[i] == a[j]){
            break leo;
        }
    }
}

6.continue語句

用來跳過當前循環，進入下個循環，可以使用在while、do...while、for或者label語句：

有使用continue

var a = 0;
var b = 0;
while (a < 5 ){
    a ++;
    if(a == 2){
        continue;
    }
    b += a;
    console.log(b);
}
// 1 4 8 13

沒有使用continue

var a = 0;
var b = 0;
while (a < 5 ){
    a ++;
    if(a == 2){
        // continue;
    }
    b += a;
    console.log(b);
}
// 1,3,6,10,15

7.for...in語句

通常用于遍歷一個對象的所有可枚舉的屬性，執行指定方法：

var a = [
    {name : "leo"},
    {name : "pingan"},
    {name : "平安"},
]
for(var k in a){
    // a為循環對象 k為當前指針位置
    console.log(a[k]);
}

8.for...of語句

通常用于遍歷一個可迭代對象（包括Array,Map,Set和參數對象arguments等），執行指定方法：

var a = [1, 2, 5];
for(var k in a){
    console.log(k);   // k 為當前元素的下標
}
for(var m of a){
    console.log(m);   // m 為當前元素的值
}

參考資料

1.MDN 循環和迭代

本部分內容到這結束

Author	王平安
E-mail	pingan8787@qq.com
博客	www.pingan8787.com
微信	pingan8787
每日文章推薦	https://github.com/pingan8787...
JS小冊	js.pingan8787.com

歡迎關注微信公眾號【前端自習課】每天早晨，與您一起學習一篇優秀的前端技術博文 .

云服務器 GPU云服務器 for循環和foreach 深度學習的3個基礎 python基礎教程第3版pdf 基礎和變量

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99935.html

【重溫基礎】13.迭代器和生成器

摘要：迭代器和生成器將迭代的概念直接帶入核心語言，并提供一種機制來自定義循環的行為。本文主要會介紹中新增的迭代器和生成器。屬性本身是函數，是當前數據結構默認的迭代器生成函數。本文是重溫基礎系列文章的第十三篇。今日感受：每次自我年終總結，都會有各種情緒和收獲。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎】1.語法和數據類型【重溫基礎】2.流...

ymyang 2019-08-23 14:32 評論0 收藏0
【重溫基礎】10.數組

摘要：本文是重溫基礎系列文章的第十篇。返回一個由回調函數的返回值組成的新數組。返回一個數組迭代器對象，該迭代器會包含所有數組元素的鍵值對。回調函數接收三個參數，當前值當前位置和原數組。本文是重溫基礎系列文章的第十篇。今日感受：平安夜，多棒。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎】1.語法和數據類型【重溫基礎】2.流程控制和錯誤...

DangoSky 2019-08-23 14:19 評論0 收藏0
【重溫基礎】14.元編程

摘要：本文是重溫基礎系列文章的第十四篇。元，是指程序本身。有理解不到位，還請指點，具體詳細的介紹，可以查看維基百科元編程。攔截，返回一個布爾值。本文是重溫基礎系列文章的第十四篇。這是第一個基礎系列的最后一篇，后面會開始復習一些中級的知識了，歡迎持續關注呀！接下來會統一整理到我的【Cute-JavaScript】的JavaScript基礎系列中。今日感受：獨樂樂不如眾樂樂...

cc17 2019-08-23 14:34 評論0 收藏0
【重溫基礎】15.JS對象介紹

摘要：構造函數通常首字母大寫，用于區分普通函數。這種關系常被稱為原型鏈，它解釋了為何一個對象會擁有定義在其他對象中的屬性和方法。中所有的對象，都有一個屬性，指向實例對象的構造函數原型由于是個非標準屬性，因此只有和兩個瀏覽器支持，標準方法是。從這篇文章開始，復習 MDN 中級教程的內容了，在初級教程中，我和大家分享了一些比較簡單基礎的知識點，并放在我的【Cute-JavaScript】系...

booster 2019-08-23 14:43 評論0 收藏0
【重溫基礎】5.表達式和運算符

摘要：系列目錄復習資料資料整理個人整理重溫基礎語法和數據類型重溫基礎流程控制和錯誤處理重溫基礎循環和迭代重溫基礎函數本章節復習的是中的表達式和運算符，用好這些可以大大提高開發效率。本文是重溫基礎系列文章的第五篇。今日感受：家的意義。系列目錄：【復習資料】ES6/ES7/ES8/ES9資料整理(個人整理) 【重溫基礎】1.語法和數據類型【重溫基礎】2.流程控制和錯誤處理【重溫基...

馬忠志 2019-08-23 14:08 評論0 收藏0