js的基本循環(huán)類(lèi)型是什么

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

js的基本循環(huán)類(lèi)型有：for循環(huán)、while循環(huán)、do-while循環(huán)、for-in循環(huán)。

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

js for循環(huán)

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

作用：當(dāng)已知循環(huán)迭代的次數(shù)時(shí)，則可以使用它循環(huán)迭代固定次數(shù)的代碼塊。

語(yǔ)法：

for（表達(dá)式1;表達(dá)式2;表達(dá)式3）  
{  
    要執(zhí)行的代碼塊
}

說(shuō)明：

表達(dá)式1：聲明循環(huán)的變量，并初始化變量。

表達(dá)式2：循環(huán)的判斷條件

表達(dá)式3：循環(huán)的增量，是用來(lái)更新循環(huán)的一個(gè)變量（可以是遞增的，也可以使遞減的）

注：for循環(huán)里的多個(gè)表達(dá)式之間需要用分號(hào)“；”隔開(kāi)，且for循環(huán)里的表達(dá)式是都可以省略的，但是必須有兩個(gè)“;”存在，不可省略，即可以是for(;;)的形式 。

執(zhí)行流程圖：

例：for循環(huán)的簡(jiǎn)單示例

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

效果圖：

在這個(gè)例子中，聲明了一個(gè)變量i，給變量i賦值為1；只有當(dāng)變量i的值小于等于5時(shí)才可以執(zhí)行{}里的語(yǔ)句塊；for循環(huán)每結(jié)束一次，變量i的值就增加1。

js while循環(huán)：

while循環(huán)，也是先判斷在執(zhí)行指定的代碼塊

作用：當(dāng)指定的條件表達(dá)式為真時(shí)，循環(huán)指定的代碼塊；當(dāng)不知道循環(huán)迭代的次數(shù)時(shí)，則可以使用它循環(huán)迭代次數(shù)達(dá)到無(wú)限多的元素代碼塊。

語(yǔ)法：

while（條件表達(dá)式）  
{  
    要執(zhí)行的代碼塊
}

注：在while循環(huán)里的條件表達(dá)式中，不管條件表達(dá)式運(yùn)算后得到的結(jié)果是什么類(lèi)型的，最后都會(huì)轉(zhuǎn)為邏輯值：真和假。

執(zhí)行流程圖：

例：while循環(huán)的簡(jiǎn)單例子

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

效果圖：

為了不讓while循環(huán)變成一個(gè)是死循環(huán)，會(huì)在while循環(huán)的執(zhí)行代碼塊中添加“增量”，用來(lái)更新判斷循環(huán)變量。

do-while循環(huán)：

do-while循環(huán)是先執(zhí)行再判斷，無(wú)論條件表達(dá)式里的結(jié)果是真還是假，代碼至少會(huì)執(zhí)行一次。

語(yǔ)法：

do{  
    要執(zhí)行的代碼  
} while（條件表達(dá)式）;

執(zhí)行流程圖：

例：do while循環(huán)的簡(jiǎn)單例子

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

運(yùn)行結(jié)果：

for-in循環(huán)：

作用：主要用于循環(huán)遍歷對(duì)象的屬性

語(yǔ)法：

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

例：

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

運(yùn)行結(jié)果：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享js的基本循環(huán)類(lèi)型是什么內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!