在js開發中,for迴圈由於它執行條件以及結構方便我們進行監測,是我們經常使用的使用的一種迴圈。
for迴圈的基本結構如下:
for(單次執行條件;判斷條件;最後執行的迴圈體條件)
單次執行條件:顧名思義只執行一次的條件,只在迴圈開始時執行,之後不再執行;
判斷條件:迴圈體執行結束後,判斷是否繼續執行的條件,每次迴圈體結束,都要進行判斷,也就是只有條件為true時,才繼續執行。
迴圈體:從for迴圈的結構中,可以看到,迴圈體有兩部分組成,先執行{}中的「迴圈體」,在執行「最後執行的迴圈體條件」
例如:在js中,使用for迴圈列印0-9這10個數字。
for(var i=0;i<10;i++)
在結構中,也說到了for迴圈的執行順序,在這裡總結一下。
(1)執行「單次執行條件」
(2)執行
(3)執行「最後執行的迴圈體條件」
(4)「判斷條件」進行判斷,如果滿足條件繼續執行,不滿足條件迴圈結束。
(5)繼續執行,則重複(2)(3)(4)
雙重迴圈的執行原理,我們通過乙個案例進行說明。
說明:用for迴圈,列印九九乘法表
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
* table
td<
/style>
<
/head>
var str ="";
for(
var i =
1;i<
10;i++
) document.body.innerhtml+=str+"";
<
/script>
<
/body>
<
/html>
執行結果如下圖:
在上述**中,可以看到用了兩個for迴圈進行巢狀,外層的for迴圈中i,可以看做是行數,內層for迴圈中j,可以看做是列數,九九乘法表的特點是第幾行,就具有幾列,因此讓i=j。
執行順序為:
(1)外層迴圈首先執行一次
外層迴圈的迴圈體為陰影部分
其中包含著內層for迴圈,在執行內for迴圈時,執行順序按照本文「for執行順序」的步驟進行執行,
(2)整個外層迴圈的迴圈體執行完成後,執行「最後執行的迴圈體條件」,也就是i++;
(3)判斷外層迴圈的「判斷條件」
(4)順序通上文的「for執行順序」。
逆戰班 盒子陰影
盒子陰影 box shadow 屬性用於向盒子新增乙個或多個陰影效果。offset x 陰影的水平偏移量。正數向右偏移,負數向左偏移。offset y 陰影的垂直偏移量。正數向下偏移,負數向上偏移。blur 陰影模糊度,不能取負數。spread 陰影大小。正數陰影擴大 陰影大小大於盒子大小 負數陰影...
HTML 盒模型 逆戰班
對於前端專案是css布局的基石,它主要作用是控制元素和元素之間,或者元素和內容之間的位置關係,是重要的組成部分。乙個盒子主要有五大屬性分別為width height padding border margin。分別含義 width指的是內容的寬度 height指的是內容的高度 padding內邊距 ...
專案總結逆戰班 侯宇航
專案總結 看問題的角度,不能總以自己的思維去尋找答案,要多用專業名詞,有時候請教前輩會讓你換乙個思路去思考問題,適當的轉換思維往往離解決問題更進一步 2在敲 的過程中,要慢慢學會思考每一步的流程,必要的話可以使用思維導圖記下每乙個步驟,然後再寫 會讓你大腦思路變得清晰,並且更加專注。3在遇到不會的問...