首頁 web前端 js教程 三個js循環的關鍵字範例(for與while)_基礎知識

三個js循環的關鍵字範例(for與while)_基礎知識

May 16, 2016 pm 03:15 PM
for while

循環的三種寫法:

<!doctype html>
<title>js循环 by 脚本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 脚本之家" />
<meta name="description" content="js循环 by 脚本之家" />
</head>
<body>
//while循环
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">脚本之家,这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">脚本之家,这是标题"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>
登入後複製


不同類型的循環

JavaScript 支援不同類型的迴圈:
•for - 循環程式碼區塊一定的次數
•for/in - 循環遍歷物件的屬性
•while - 當指定的條件為 true 時循環指定的程式碼區塊
•do/while - 同樣當指定的條件為 true 時循環指定的程式碼區塊


For 循環

for 迴圈是您在希望建立迴圈時常會用到的工具。

以下是 for 迴圈的語法:

for (語句 1; 語句 2; 語句 3)
  {
  被執行的程式碼區塊
  }


語句 1 在迴圈(程式碼區塊)開始前執行
語句 2 定義運行循環(程式碼區塊)的條件
語句 3 在循環(程式碼區塊)已被執行之後執行

實例

複製程式碼 程式碼如下:

for (var i=0; i   {
  x=x + "The number is " + i + "
";
  }

親自試試
 
從上面的例子中,您可以看到:

Statement 1 在迴圈開始之前設定變數 (var i=0)。
Statement 2 定義循環運行的條件(i 必須小於 5)。
Statement 3 在每次程式碼區塊已執行後增加一個值 (i++)。


語句 1

通常我們會使用語句 1 初始化迴圈中所使用的變數 (var i=0)。

語句 1 是可選的,也就是說不使用語句 1 也可以。

您可以在語句 1 中初始化任意(或多個)值:

實例:

複製程式碼 程式碼如下:

for (var i=0,len=cars.length; i {
document.write(cars[i] + "
");
}

同時您也可以省略語句 1(例如在迴圈開始前已經設定了值時):

實例:

複製程式碼 程式碼如下:

var i=2,len=cars.length;
for (; i {
document.write(cars[i] + "
");
}

語句 2

通常語句 2 用來評估初始變數的條件。

語句 2 同樣是可選的。
如果語句 2 傳回 true,則循環再次開始,如果傳回 false,則循環將結束。
提示:如果您省略了語句 2,那麼您必須在迴圈內提供 break。否則循環就無法停下來。這樣有可能令瀏覽器崩潰。請在本教學稍後的章節閱讀有關 break 的內容。

語句 3

通常語句 3 會增加初始變數的值。

語句 3 也是可選的。
語句 3 有多種用法。增量可以是負數 (i--),或更大 (i=i+15)。
語句 3 也可以省略(例如循環內部有對應的程式碼):

實例:

複製程式碼 程式碼如下:

var i=0,len=cars.length;
for (; i {
document.write(cars[i] + "
");
i++;
}

For/In 循環

JavaScript for/in 語句循環遍歷物件的屬性:

實例

複製程式碼 程式碼如下:

var person={fname:"John",lname:"Doe",age:25};
for (x in person)
  {
  txt=txt + person[x];
  }

您將在有關 JavaScript 物件的章節中學到更多有關 for / in 迴圈的知識。

具體可以參考這篇文章:http://www.jb51.net/w3school/js/js_loop_for.htm

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

解決kernel_security_check_failure藍色畫面的17種方法 解決kernel_security_check_failure藍色畫面的17種方法 Feb 12, 2024 pm 08:51 PM

Kernelsecuritycheckfailure(內核檢查失敗)就是一個比較常見的停止代碼類型,可藍屏錯誤出現不管是什麼原因都讓很多的有用戶們十分的苦惱,下面就讓本站來為用戶們來仔細的介紹一下17種解決方法吧。 kernel_security_check_failure藍色畫面的17種解決方法方法1:移除全部外部裝置當您使用的任何外部裝置與您的Windows版本不相容時,則可能會發生Kernelsecuritycheckfailure藍色畫面錯誤。為此,您需要在嘗試重新啟動電腦之前拔下全部外部裝置。

在C語言中,while(1)和while(0)之間的差異是什麼? 在C語言中,while(1)和while(0)之間的差異是什麼? Aug 31, 2023 am 10:45 AM

我們知道在C語言中,'while'關鍵字用於定義一個循環,該循環根據傳遞給循環的條件來運作。現在,由於條件可以有兩個值,即真或假,所以如果條件為真,則while區塊內的程式碼將重複執行,如果條件為假,則程式碼將不會執行。現在,透過將參數傳遞給while循環,我們可以區分while(1)和while(0),因為while(1)是一個條件始終被視為真的循環,因此區塊內的程式碼將開始重複執行。此外,我們可以說明,傳遞給循環並使條件為真的不是1,而是如果任何非零整數傳遞給while循環,則它將被視為真條件,因

Win10如何解除安裝Skype for Business?電腦上的skype怎麼徹底卸載方法 Win10如何解除安裝Skype for Business?電腦上的skype怎麼徹底卸載方法 Feb 13, 2024 pm 12:30 PM

Win10skype可以卸載嗎是許多用戶都想知道的問題,因為很多的用戶發現自己電腦上的預設程式上有這個應用,擔心刪除後會影響到系統的運行,下面就讓本站來為用戶們來仔細的介紹一下Win10如何卸載SkypeforBusiness吧。 Win10如何解除安裝SkypeforBusiness1、在電腦桌面點選Windows圖標,再點選設定圖示進入。 2、點選“應用”。 3、在搜尋框中輸入“Skype”,點選選取找到的結果。 4、點選「卸載」。 5

JavaScript怎麼用for求n的階乘 JavaScript怎麼用for求n的階乘 Dec 08, 2021 pm 06:04 PM

用for求n階乘的方法:1.使用「for (var i=1;i<=n;i++){}」語句控制迴圈遍歷範圍為「1~n」;2、迴圈體中,使用「cj *=i」將1到n的數相乘,乘積賦值給變數cj;3、循環結束後,變數cj的值就n的階乘,輸出即可。

foreach和for迴圈的差別是什麼 foreach和for迴圈的差別是什麼 Jan 05, 2023 pm 04:26 PM

區別:1、for透過索引來循環遍歷每一個資料元素,而forEach透過JS底層程式來循環遍歷數組的資料元素;2、for可以透過break關鍵字來終止迴圈的執行,而forEach不可以;3、 for可以透過控制迴圈變數的數值來控制迴圈的執行,而forEach不行;4、for在迴圈外可以呼叫迴圈變量,而forEach在迴圈外不能呼叫迴圈變數;5、for的執行效率要高於forEach。

while的用法 while的用法 Sep 25, 2023 am 09:47 AM

while的用法是“while 條件: 程式碼區塊”,條件是一個表達式,當條件為真時,執行程式碼區塊,然後再次判斷條件是否為真,如果為真則繼續執行程式碼區塊,直到條件為假為止。 while是常用的迴圈控制語句,用來在滿足某個條件的情況下重複執行一段程式碼區塊。

go語言中while是關鍵字嗎 go語言中while是關鍵字嗎 Jun 04, 2021 pm 05:01 PM

在go語言中,while不是關鍵字,可以用for語句加break來實現while循環的效果,例「for {sum++ if sum>10{break}else{...}}」。 go語言有break、default 、func、select、case、defer、go、map、else、goto、for、if、var等25個關鍵字。

如何避免JAVA中簡單的for迴圈出現異常? 如何避免JAVA中簡單的for迴圈出現異常? Apr 26, 2023 pm 12:58 PM

引言實際的業務項目開發中,大家應該對從給定的list中剔除不符合條件的元素這個操作不陌生吧?很多同學可以立刻想出很多種實現的方式,但你想到的這些實現方式都是人畜無害的嗎?很多看似正常的操作其實背後是個陷阱,很多新手可能稍不留神就會掉進去。倘若不幸踩中:程式碼運行時直接拋異常報錯,這個算是不幸中的萬幸,至少可以及時發現並去解決程式碼運行不報錯,但是業務邏輯莫名其妙的出現各種奇怪問題,這種就比較悲劇了,因為這個問題稍不留神的話,可能就會讓後續業務埋下隱憂。那麼,到底有哪些實現方式呢?哪些實現方式可能會

See all articles