js的基本循環類型是什么

這篇文章主要介紹了js的基本循環類型是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

js的基本循環類型有：for循環、while循環、do-while循環、for-in循環。

在JavaScript中支持的循環類型，基本上可以分為四種：for循環、while循環、do-while循環、for-in循環，下面我們就來具體的介紹一下這四種循環類型。

js for循環

for循環是先判斷條件是否為真，再執行{}里的代碼塊（如果{}里的代碼塊只有一條語句，{}可省略）。

作用：當已知循環迭代的次數時，則可以使用它循環迭代固定次數的代碼塊。

語法：

for（表達式1;表達式2;表達式3）  
{  
    要執行的代碼塊
}

說明：

表達式1：聲明循環的變量，并初始化變量。

表達式2：循環的判斷條件

表達式3：循環的增量，是用來更新循環的一個變量（可以是遞增的，也可以使遞減的）

注：for循環里的多個表達式之間需要用分號“；”隔開，且for循環里的表達式是都可以省略的，但是必須有兩個“;”存在，不可省略，即可以是for(;;)的形式 。

執行流程圖：

例：for循環的簡單示例

<script>  
	for (i=1; i<=5; i++)  
	{  
	    document.write(i + "<br/>")  
	}  
</script>

效果圖：

在這個例子中，聲明了一個變量i，給變量i賦值為1；只有當變量i的值小于等于5時才可以執行{}里的語句塊；for循環每結束一次，變量i的值就增加1。

js while循環：

while循環，也是先判斷在執行指定的代碼塊

作用：當指定的條件表達式為真時，循環指定的代碼塊；當不知道循環迭代的次數時，則可以使用它循環迭代次數達到無限多的元素代碼塊。

語法：

while（條件表達式）  
{  
    要執行的代碼塊
}

注：在while循環里的條件表達式中，不管條件表達式運算后得到的結果是什么類型的，最后都會轉為邏輯值：真和假。

執行流程圖：

例：while循環的簡單例子

<script>  
var i=11;  
while (i<=15)  
{  
document.write(i + "<br/>");  
i++;  
}  
</script>

效果圖：

為了不讓while循環變成一個是死循環，會在while循環的執行代碼塊中添加“增量”，用來更新判斷循環變量。

do-while循環：

do-while循環是先執行再判斷，無論條件表達式里的結果是真還是假，代碼至少會執行一次。

語法：

do{  
    要執行的代碼  
} while（條件表達式）;

執行流程圖：

例：do while循環的簡單例子

<script>  
var i=21;  
do{  
document.write(i + "<br/>");  
i++;  
}while (i<=25);  
</script>

運行結果：

for-in循環：

作用：主要用于循環遍歷對象的屬性

語法：

for(keys in zhangsan)
{
要執行的代碼  
}

例：

var obj = {
  a: 1,
  b: "lian"
};
//給obj定義一個不可枚舉的屬性c
Object.defineProperty(obj, "c", {
  value: 2,
  emumerable: false,
  writable: true,
  configurable: true
});
//雖然屬性c不可枚舉，但是值依然存在
console.log(obj.c); //2
for (var i in obj) {
  //只會遍歷可枚舉屬性
  console.log(obj[i]); //1 lian
  }

運行結果：

感謝你能夠認真閱讀完這篇文章，希望小編分享js的基本循環類型是什么內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!