【重溫基礎】3.循環(huán)和迭代

miracledan 發(fā)布于2019-08-23 14:00 / 2642人閱讀

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

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

系列目錄：

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

【重溫基礎】1.語法和數(shù)據(jù)類型

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

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

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

for語句

do...while語句

while語句

labeled語句

break語句

continue語句

for...in語句

for...of語句

1.for語句

重復執(zhí)行for的條件語句，直到循環(huán)條件為false退出循環(huán)：

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

這個語句大概執(zhí)行了以下操作：

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

2.執(zhí)行循環(huán)語句，條件為當a < 3的時候，a每次遞增1；

3.返回第2步繼續(xù)循環(huán)；

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

其他例子：

// 求數(shù)組中所有值的和
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語句

重復執(zhí)行do的條件，直到不符合while的條件，退出循環(huán)：

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

3.while語句

重復執(zhí)行while的條件，直到while的條件為false，退出循環(huán)：

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

4.labeled語句

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

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語句

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

終止一個循環(huán)：

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語句

用來跳過當前循環(huán)，進入下個循環(huán)，可以使用在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語句

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

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

8.for...of語句

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

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 循環(huán)和迭代

本部分內容到這結束

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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