【八】循環(huán)

<h3>for循環(huán)</h3>
要計算1+2+3,我們可以直接寫表達式:

1 + 2 + 3; //6

要計算1+2+3+...+10,勉強也能寫出來。
但是,要計算1+2+3+...+10000,直接寫表達式就不可能了。為了讓計算機能計算成千上萬次的重復運算,我們就需要用循環(huán)語句。
JavaScript的循環(huán)有兩種,一種是for循環(huán),通過初始條件、結(jié)束條件和遞增條件來循環(huán)執(zhí)行語句塊:

var x = 0;
var i;
for (i=1; i<=10000; i++) {
    x = x + i; 
}
x;  //50005000

for循環(huán)的控制條件:
· i=1 這是初始條件,將變量i置為1;
· i<=10000 這是判斷條件,滿足時就繼續(xù)循環(huán),不滿足就推出循環(huán);
· i++ 這是每次循環(huán)后的遞增條件,由于每次循環(huán)后變量i都會加1,因此它終將在若干次循環(huán)后不滿足判斷條件i<=10000而退出循環(huán)。
</br>
for循環(huán)最常用的地方是利用索引來遍歷數(shù)組:

var arr = ['Apple', 'Google', 'Microsoft'];
var i, x;
for(i= 0; i<arr.length; i++){
    x = arr[i];
    alert(x);
}

for循環(huán)的3個條件都是可以省略的,如果沒有退出循環(huán)的判斷條件,就必須使用break語句退出循環(huán),否則就是死循環(huán):

var x = 0;
for( ; ; ) { //將無限循環(huán)下去
    if(x > 100){
        break; // 通過if判斷來退出循環(huán)
    }
    x++;
}

</br>
<h3>for ... in</h3>
for循環(huán)的一個變體是for... in循環(huán),它可以把一個對象的所有屬性依次循環(huán)出來:

var o = {
    name: 'Jack',
    city: 'Beijing'
};
for (var key in o) {
    alert(key); // 'name', 'age', 'city'
}

要濾掉對象繼承的屬性,用hasOwnProperty()來實現(xiàn):

var o = {
    name: 'Jack',
    age: 20,
    city: 'Beijing'
};
for (var key in o) {
    if(o.hasOwnProperty(key)) {
        alert(key); // 'name', 'age', 'city'
    }
}

由于Array也是對象,而它的每個元素的索引被視為對象的屬性,因此,for ... in 循環(huán)可以直接循環(huán)出Array的索引:

var a = ['A', 'B', 'C'];
for (var i in a ) {
    alert(i); // '0', '1', '2'
    alert(a[i]); // 'A', 'B', 'C'
}

<u>請注意, for ... in 對 Array的循環(huán)得到的是String 而不是 Number</u>。
</br>
<h3>while</h3>
for循環(huán)在已知循環(huán)的初始和結(jié)束條件時非常有用。而上述忽略了條件的for循環(huán)容易讓人看不清循環(huán)的邏輯,此時用while循環(huán)更佳。
while循環(huán)只有一個判斷條件,條件滿足,就不斷循環(huán),條件不滿足時則退出循環(huán)。比如我們要計算100以內(nèi)所有奇數(shù)之和,可以用while循環(huán)實現(xiàn):

var x = 0;
var n = 99;
while (n > 0) { 
    x = x + n; 
    n = n - 2;
}
x; // 2500

在循環(huán)內(nèi)部變量n不斷自減,直到變?yōu)?1時,不再滿while條件,循環(huán)退出。
</br>
<h3>do ... while</h3>
最后一種循環(huán)是do { ... } while()循環(huán),它和while循環(huán)的唯一區(qū)別在于,不是在每次循環(huán)開始的時候判斷條件,而是在每次循環(huán)完成的時候判斷條件:

var n = 0;
do { 
    n = n + 1;
} while (n < 100);
n; // 100

用do { ... } while()循環(huán)要小心,循環(huán)體會至少執(zhí)行1次,而for和while循環(huán)則可能一次都不執(zhí)行。


最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,182評論 6 543
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,489評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,290評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,776評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,510評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,866評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,860評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,036評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,585評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,331評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,536評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,058評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,754評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,154評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,469評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,273評論 3 399
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,505評論 2 379

推薦閱讀更多精彩內(nèi)容

  • 背景 一年多以前我在知乎上答了有關LeetCode的問題, 分享了一些自己做題目的經(jīng)驗。 張土汪:刷leetcod...
    土汪閱讀 12,764評論 0 33
  • 總結(jié)作業(yè) 作業(yè)1: 用3種循環(huán)計算 從1累到100和 并把結(jié)果打印出來。答案 作業(yè)2 使用for語句,求1~20之...
    joy_藍蜘蛛閱讀 2,432評論 5 15
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,494評論 0 17
  • 好吧,又來小米之家了!坐公交一個小時,現(xiàn)在在這取號排隊又等了半小時,今天是周三,店里都有二三十人,哎呀,以后還是不...
    葛三毛閱讀 130評論 1 0
  • 笛出,人去。 醒世劍收,陳世自是來去隨心。 “將軍可披紫薇戰(zhàn)甲,三劍挑此賊于浩劫門前,何故放虎歸山?” 流年一笑不...
    挽一縷牽掛閱讀 379評論 2 2