偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

一篇文章帶你了解JavaScript While 循環(huán)

開(kāi)發(fā) 前端
循環(huán)可以執(zhí)行一個(gè)代碼塊,只要指定條件為真,循環(huán)就可以執(zhí)行代碼塊。

循環(huán)可以執(zhí)行一個(gè)代碼塊,只要指定條件為真,循環(huán)就可以執(zhí)行代碼塊。

一、While循環(huán)

while只要指定條件的值為真,循環(huán)就會(huì)執(zhí)行指定語(yǔ)句。

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

while (condition) {
statement
   // 只要條件為真,就執(zhí)行代碼
}

例:

<!DOCTYPE html>
<html>
<title>項(xiàng)目</title>


<body style="background-color: aqua;">
<h1>JavaScript while 語(yǔ)句</h1>


<p>只要n小于5,就遍歷一段代碼:</p>


<script>
var n = 0;


while (n < 5) {
document.write("<br>The number is " + n);
n++;
}
</script>


</body>
</html>

首先,在循環(huán)開(kāi)始之前設(shè)置一個(gè)變量(var n = 0;)。

然后,定義循環(huán)運(yùn)行的條件。只要變量小于5,循環(huán)就會(huì)繼續(xù),每次執(zhí)行循環(huán)時(shí),變量將增加一個(gè)(n ++) 一旦變量不小于5,條件為false,循環(huán)將結(jié)束。

注意:

如果要使用帶有條件的變量,請(qǐng)?jiān)谘h(huán)之前對(duì)其進(jìn)行初始化,然后在循環(huán)內(nèi)對(duì)其進(jìn)行遞增。如果忘記增加變量,循環(huán)將永遠(yuǎn)不會(huì)結(jié)束。這將使您的瀏覽器崩潰。

二、無(wú)限循環(huán)

無(wú)限循環(huán)顧名思義,是一個(gè)循環(huán),將永遠(yuǎn)保持運(yùn)行。

如果不小心造成無(wú)限循環(huán),可能會(huì)導(dǎo)致瀏覽器或計(jì)算機(jī)崩潰。重要的是要意識(shí)到無(wú)限循環(huán),以便您可以避免它們。

當(dāng)while語(yǔ)句的條件設(shè)置為true時(shí),會(huì)發(fā)生一個(gè)常見(jiàn)的無(wú)限循環(huán)。

while (true) {
     statement
   // 永遠(yuǎn)執(zhí)行代碼
}

無(wú)限循環(huán)將永遠(yuǎn)運(yùn)行,但是可以使用break關(guān)鍵字終止程序。

三、Do ... While循環(huán)

該do...while循環(huán)是while循環(huán)另外一種形式。在檢查條件是否為真之前,此循環(huán)將執(zhí)行一次代碼塊,然后只要條件為真,它將重復(fù)該循環(huán)。

該do...while循環(huán)的語(yǔ)法如下:

do {
   statement
  // 要執(zhí)行的語(yǔ)句
}
while (condition);

<!DOCTYPE html>
<html>
<title>項(xiàng)目</title>


<body style="background-color: aqua;">
<h1>JavaScript do...while</h1>


<p>只要n小于5,就遍歷一段代碼:</p>


<script>
var n = 0;


do {
document.write("<br>數(shù)字: " + n);
n++;
}
while (n < 5);
</script>


</body>
</html>

不要忘記增加條件中使用的變量,否則循環(huán)將永遠(yuǎn)不會(huì)結(jié)束。

注意:即使條件為false,這個(gè)循環(huán)也總是至少執(zhí)行一次,因?yàn)榇a塊是在條件測(cè)試之前執(zhí)行的。

var n = 5;
do {
  document.write("<br>數(shù)字是 " + n);
  n++;
}
while (n < 3);  // false

四、循環(huán)對(duì)比

1.while和do ... while循環(huán)之間的區(qū)別

while循環(huán)不同于do…while循環(huán)以一種重要的方式使用while循環(huán),在每次循環(huán)迭代開(kāi)始時(shí)測(cè)試要計(jì)算的條件,因此如果條件表達(dá)式的計(jì)算結(jié)果為false,則將永遠(yuǎn)不會(huì)執(zhí)行循環(huán)。

另一方面,使用do ... while循環(huán),即使條件表達(dá)式的計(jì)算結(jié)果為false,該循環(huán)也將始終執(zhí)行一次,因?yàn)榕cwhile循環(huán)不同,條件是在循環(huán)只回執(zhí)行末尾而不是在開(kāi)始時(shí)計(jì)算的。(參考百度)。

2. For和While循環(huán)對(duì)比

for循環(huán)使用循環(huán)從fruits數(shù)組中獲取水果名稱。

例:

var fruits = ['strawberry', 'Mango', 'Banana', 'pineapple'];
var txt = '';
for (var i = 0; i < fruits.length; i++) {
    txt += fruits[i] + '<br>';
}

while循環(huán)使用循環(huán)從fruits數(shù)組中獲取水果名稱。

例 :

var fruits = ['strawberry', 'Mango', 'Banana', 'pineapple'];
var txt = '';
var i = 0;


while (i < fruits.length) {
   txt += fruits[i] + '<br>';
   i++;
}

將發(fā)現(xiàn)while循環(huán)與for循環(huán)非常相似,只是省略了初始化和最終表達(dá)式。

五、總結(jié)

本文基于JavaScript基礎(chǔ)。主要介紹了While循環(huán)的基礎(chǔ)應(yīng)用,以及其中另外一種do ... while循環(huán),同時(shí)介紹了while和do ... while循環(huán)之間的區(qū)別。和For和While循環(huán)分別的優(yōu)缺點(diǎn)進(jìn)行了詳細(xì)的講解。

責(zé)任編輯:華軒 來(lái)源: 前端進(jìn)階學(xué)習(xí)交流
相關(guān)推薦

2021-06-22 10:12:37

JavaScript 前端While 循環(huán)

2021-08-13 15:09:47

JavaScriptWhile循環(huán)

2024-08-16 15:44:53

JavaScriptWhile循環(huán)

2021-03-05 18:04:15

JavaScript循環(huán)代碼

2024-01-30 13:47:45

2023-09-06 14:57:46

JavaScript編程語(yǔ)言

2021-01-26 23:46:32

JavaScript數(shù)據(jù)結(jié)構(gòu)前端

2023-07-30 15:18:54

JavaScript屬性

2021-05-18 08:30:42

JavaScript 前端JavaScript時(shí)

2021-03-09 14:04:01

JavaScriptCookie數(shù)據(jù)

2024-04-19 14:23:52

SwitchJavaScript開(kāi)發(fā)

2021-06-24 09:05:08

JavaScript日期前端

2021-06-04 09:56:01

JavaScript 前端switch

2021-02-02 18:39:05

JavaScript

2020-11-10 10:48:10

JavaScript屬性對(duì)象

2021-01-29 18:41:16

JavaScript函數(shù)語(yǔ)法

2020-10-22 09:08:34

JavaScript

2020-10-27 11:08:01

JavaScript

2020-10-27 11:24:29

avaScript m

2021-05-25 10:15:20

JavaScript 前端作用域
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)