for循環(huán)

for循環(huán)

循環(huán)我們常用的有兩種殿雪,第一種是while循環(huán),一種是for循環(huán)锋爪,while循環(huán)在一般情況下運行的會比較快丙曙,但相比較之下,for循環(huán)的代碼會更加簡潔一些其骄!

for循環(huán)的循環(huán)流程

?for(? (a定義初始變量)? ;? (b循環(huán)條件)? ;? (c變量變化)? ){

? ? ? ?? 循環(huán)語句塊

? ? ? }?

a亏镰、變量初始化?在進(jìn)入循環(huán)前執(zhí)行一次,變量初始化是可以同時設(shè)置多個初始變量的拯爽,每個初始變量之間用逗號隔開索抓。

b、條件是每次進(jìn)入循環(huán)之前都會c執(zhí)行并且判斷毯炮。

c逼肯、for循環(huán)的第三個部分是每次循環(huán)完成語句塊后執(zhí)行的內(nèi)容。

再開始循環(huán)式會進(jìn)行變量初始化桃煎,變量初始化只會在在進(jìn)入循環(huán)前執(zhí)行一次篮幢,在執(zhí)行過后后面的循環(huán)將不再執(zhí)行變量初始化,在變量初始化完成之后將會判斷換for循環(huán)的循環(huán)條件为迈,由循環(huán)條件來判斷循環(huán)的次數(shù)三椿,在條件判斷完成后不會立即進(jìn)行變量的變化,會先執(zhí)行循環(huán)的內(nèi)容也就是循環(huán)語句塊葫辐,最后才會執(zhí)行變量的變化搜锰,至此第一個循環(huán)將會結(jié)束,緊接著進(jìn)行下一次循環(huán)耿战!

注意

for循環(huán)三個部分?第二個條件部分不能使用逗號分隔多個條件蛋叼,只能使用邏輯與, 邏輯或昆箕,?其他兩個部分都可以使用逗號來分隔多個語句內(nèi)容鸦列。

示例

列表例子

var?str="<ul>";

???????for(var?i=0;i<10;i++){

???????????str+="<li>"+i+"</li>";

???????}

???????str+="</ul>";

???????document.write(str);


上面為一個循環(huán)實現(xiàn)ul列表0-9的案例,因為是列表循環(huán)鹏倘,所以我們要在循環(huán)前后加上<ul></ul>,循環(huán)語句塊中加上"<li>"+i+"</li>"薯嗤,里面的i每次循環(huán)數(shù)值將會從新定義,所以每個 li 里的數(shù)值將會是不同的纤泵,

在循環(huán)中 var i=0是用來設(shè)置初始變量的骆姐,初始變量再回在循環(huán)開始之前執(zhí)行一次镜粤,后面將不再執(zhí)行

而我們想得到0-9的列表,所以我們要進(jìn)行十次循環(huán)玻褪,在循環(huán)條件中設(shè)置i<10肉渴,初始i=0,每次循環(huán)到最后將會由變量變化? i++带射,對i從新進(jìn)行定義數(shù)值同规,直到 i 不小于10時停止循環(huán)。

在判斷完循環(huán)條件后窟社,將會執(zhí)行循環(huán)語句塊的內(nèi)容了券勺,也就是?str+="<li>"+i+"</li>";?str+=的意義不是數(shù)值意義上的相加灿里,是字符意義上的相加关炼,每次循在每次循在后面加上"<li>"+i+"</li>"。

在前面所有的都執(zhí)行完后匣吊,才會執(zhí)行i++儒拂,這時i將會加1,

按照上面的方式以此循環(huán)色鸳,將會循環(huán)10次社痛,直到i不小于10。

在所有循環(huán)都結(jié)束后執(zhí)行循環(huán)外的內(nèi)容缕碎,加上最后的褥影,因為現(xiàn)在內(nèi)容都在js中,我們要把內(nèi)容加在body中咏雌,所以用document.write(str);將內(nèi)容顯示在body中。至此一個由for循環(huán)做的列表就做好了校焦。

注意

在循環(huán)中循環(huán)條件和變量變化一定要加赊抖,而且變量變化要計算好,不然將會陷入死循環(huán)寨典!

最后分享循環(huán)乘法口訣表案例

用的循環(huán)嵌套:

Js內(nèi)容



給表格寫個樣式


成果


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末氛雪,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子耸成,更是在濱河造成了極大的恐慌报亩,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,888評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件井氢,死亡現(xiàn)場離奇詭異弦追,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)花竞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評論 3 399
  • 文/潘曉璐 我一進(jìn)店門劲件,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事零远∶绶郑” “怎么了?”我有些...
    開封第一講書人閱讀 168,386評論 0 360
  • 文/不壞的土叔 我叫張陵牵辣,是天一觀的道長摔癣。 經(jīng)常有香客問我,道長纬向,這世上最難降的妖魔是什么择浊? 我笑而不...
    開封第一講書人閱讀 59,726評論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮罢猪,結(jié)果婚禮上近她,老公的妹妹穿的比我還像新娘。我一直安慰自己膳帕,他們只是感情好粘捎,可當(dāng)我...
    茶點故事閱讀 68,729評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著危彩,像睡著了一般攒磨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上汤徽,一...
    開封第一講書人閱讀 52,337評論 1 310
  • 那天娩缰,我揣著相機(jī)與錄音,去河邊找鬼谒府。 笑死拼坎,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的完疫。 我是一名探鬼主播泰鸡,決...
    沈念sama閱讀 40,902評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼壳鹤!你這毒婦竟也來了盛龄?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,807評論 0 276
  • 序言:老撾萬榮一對情侶失蹤芳誓,失蹤者是張志新(化名)和其女友劉穎余舶,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锹淌,經(jīng)...
    沈念sama閱讀 46,349評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡匿值,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,439評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了葛圃。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片千扔。...
    茶點故事閱讀 40,567評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡憎妙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出曲楚,到底是詐尸還是另有隱情厘唾,我是刑警寧澤,帶...
    沈念sama閱讀 36,242評論 5 350
  • 正文 年R本政府宣布龙誊,位于F島的核電站抚垃,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏趟大。R本人自食惡果不足惜鹤树,卻給世界環(huán)境...
    茶點故事閱讀 41,933評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望逊朽。 院中可真熱鬧罕伯,春花似錦、人聲如沸叽讳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽岛蚤。三九已至邑狸,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間涤妒,已是汗流浹背单雾。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留她紫,地道東北人硅堆。 一個月前我還...
    沈念sama閱讀 48,995評論 3 377
  • 正文 我出身青樓,卻偏偏與公主長得像贿讹,于是被迫代替她去往敵國和親硬萍。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,585評論 2 359

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