逆戰班 for結構及雙重迴圈巢狀執行原理

2021-10-04 06:31:30 字數 1682 閱讀 9914

在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在遇到不會的問...