JavaScript中for循環(huán)語(yǔ)句的使用方法

發(fā)布時(shí)間：2020-09-26 10:23:07 來源：億速云閱讀：220 作者：小新欄目：web開發(fā)

小編給大家分享一下JavaScript中for循環(huán)語(yǔ)句的使用方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

我們先來簡(jiǎn)單看一下for循環(huán)語(yǔ)句和while循環(huán)語(yǔ)句的區(qū)別

簡(jiǎn)單來說，for循環(huán)語(yǔ)句和while循環(huán)語(yǔ)句的主要區(qū)別在于當(dāng)循環(huán)次數(shù)固定時(shí)，使用for循環(huán)；當(dāng)循環(huán)次數(shù)不固定時(shí)，使用while循環(huán)。

下面我們就來看看JavaScript中for循環(huán)語(yǔ)句的使用方法

for循環(huán)語(yǔ)句的語(yǔ)法

for（初始值;條件表達(dá)式;增加/減少表達(dá)式）{ 
　　循環(huán)處理
}

我們來看for循環(huán)語(yǔ)句的具體示例

代碼如下：變量指定為i

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
for (var i = 0; i < 10; i++) {
document.write (i);
}
</script>
</body>
</html>

首先，雖然它是初始值，但我們聲明一個(gè)名為i的變量并為其賦值0。這是初始循環(huán)過程。

接下來，條件表達(dá)式中的i <10意味著在i的值小于10的同時(shí)執(zhí)行處理。

最后一個(gè)增加/減少表達(dá)式i ++意味著每次執(zhí)行增加i的值是1。

然后，指定在使用document.write處理文檔時(shí)要執(zhí)行的循環(huán)過程。

用瀏覽器輸出時(shí)...... 輸出0到9的值。

JavaScript中for循環(huán)語(yǔ)句的使用方法

在數(shù)組中使用for循環(huán)

在使用數(shù)組編寫程序時(shí)經(jīng)常使用for語(yǔ)句的語(yǔ)法。

我們舉個(gè)例子。

一個(gè)名為list的數(shù)組框，并在里面放入Tom、Jerry、Holly三個(gè)值。

var list = [“Tom”，“Jerry”，“Holly”];

我們使用for語(yǔ)句逐個(gè)處理這些值。

首先指定var i = 0作為初始值。只要變量i的值不超過數(shù)組的元素?cái)?shù)，就循環(huán)i。每當(dāng)循環(huán)時(shí)，i就加1。

最后，我們使用document.write調(diào)用該元素。

for (var i = 0; i < list.length; i++){
document.write (list[i]);
}

（數(shù)組的長(zhǎng)度可以通過length屬性獲得）

變量i是數(shù)組元素的下標(biāo)。因此，它將采用從0到元素?cái)?shù)量并訪問每個(gè)元素（Tom，Jerry，Holly）的計(jì)數(shù)形式。

我們來運(yùn)行下面的程序

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var list = ["Tom","Jerry","Holly"];
for (var i = 0; i < list.length; i++) {
document.write (list[i]);
}
</script>
</body>
</html>

運(yùn)行結(jié)果如下

JavaScript中for循環(huán)語(yǔ)句的使用方法

通過這種方式，可以看到正在逐個(gè)訪問和輸出下標(biāo)為0,1,2的元素。

我們最后來看一下跳轉(zhuǎn)語(yǔ)句：break和continue

跳轉(zhuǎn)語(yǔ)句是在中斷當(dāng)前進(jìn)程并轉(zhuǎn)移到另一個(gè)規(guī)范進(jìn)程時(shí)使用的語(yǔ)法。

它主要用于循環(huán)進(jìn)程，可用于for和while語(yǔ)句。

break語(yǔ)句 - 立即終止循環(huán)進(jìn)程

continue語(yǔ)句 - 中斷正在執(zhí)行的循環(huán)過程并繼續(xù)下一個(gè)循環(huán)過程

下面用for語(yǔ)句來說明一下break和continue。

<script>
for (var i = 0; i < 10; i++) {
document.write (i * 10);
}
</script>

break語(yǔ)句

在break語(yǔ)句中，循環(huán)進(jìn)程在i執(zhí)行到5的時(shí)刻退出，并且不再執(zhí)行。

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
break;
}
document.write (i * 10);
}
</script>

由于僅執(zhí)行到i為4時(shí)，因此進(jìn)程在40處終止。

JavaScript中for循環(huán)語(yǔ)句的使用方法

continue語(yǔ)句

另一方面，當(dāng)執(zhí)行continue時(shí)，僅當(dāng)i為5時(shí)才跳過循環(huán)繼續(xù)執(zhí)行。

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
continue;
}
document.write (i * 10);
}
</script>

運(yùn)行結(jié)果如下

JavaScript中for循環(huán)語(yǔ)句的使用方法

看完了這篇文章，相信你對(duì)JavaScript中for循環(huán)語(yǔ)句的使用方法有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

JavaScript中for循環(huán)語(yǔ)句的使用方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽