for循環
for循環就是對數組的元素進行循環。
語法：
for (初始化變量; 條件表達式; 迭代語句) {
需要執行的代碼塊；
}
- 初始化變量：一般用來對循環變量進行初始化賦值。
- 條件表達式：作為循環條件，一個包含比較運算符的表達式，用來限定循環變量的邊限。如果循環變量的值超出了該邊限，則停止該循環語句的執行。
- 迭代語句：用來改變循環變量的值，從而控制循環的次數，通常是對循環變量的值進行遞增或者遞減的操作。
for循環執行順序：
// 1. 聲明變量；
// 2. 判斷循環執行條件；
// 3. 代碼塊執行；
// 4. 變量自增；
示例：求1-100的偶數和
|
1
2
3
4
5
|
var num=0 for(var i=0;i<=100;i+=2){ //i+=2 意思為i=i+2 num +=i } console.log("偶數和:"+num) |
雙重for循環
循環嵌套是指在一個循環語句中再定義一個循環語句的語法結構，例如在for循環語句中，可以再嵌套一個for循環，這樣的for循環語句我們稱之為雙重for循環。
語法：
for (外層初始化變量; 外層條件表達式;外層迭代語句) {
for (內層初始化變量;內層條件表達式; 內層迭代語句) {
需要執行的代碼塊；
}
}
- 里層循環可看做是是外層循環的執行語句
- 外層循環執行一次，里面循環就會執行全部
雙重for循環實質：
- 外層for循環控制循環的高度（行數）；
- 內層for循環控制循環的寬度（列數）；
示例：輸出九九乘法表
|
1
2
3
4
5
6
|
for(var i= 0 ; i <=9 ; i++){ for(var aa = 1 ; aa <i+1 ; aa++){ document.write(aa+"*"+i+"="+i*aa); } document.write("<br />"); } |
可以添加一些樣式讓它更美觀（添加span元素，定義body主體部分的寬度，將span元素改為inline-block行內塊元素，設置其固定寬度）
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<head><style> body{ width:2000px; } span{ display:inline-block; width:80px; } </style></head><body> <script> for(var i= 0 ; i <=9 ; i++){ for(var aa = 1 ; aa <i+1 ; aa++){ document.write("<span>"+aa+"*"+i+"="+i*aa+"</span>"); } document.write("<br />"); } </script></body> |
總結
到此這篇關于JavaScript中的for循環與雙重for循環的文章就介紹到這了,更多相關JavaScript雙重for循環內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家！
原文鏈接：https://segmentfault.com/a/1190000039414649
