欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

三個js循環(huán)的關鍵字示例(for與while)

 更新時間:2016年02月16日 22:11:06   投稿:mdxy-dxy  
這篇文章主要介紹了三個js循環(huán)的關鍵字示例,主要是for與while,需要的朋友可以參考下

循環(huán)的三種寫法:

<!doctype html>
<title>js循環(huán) by 腳本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循環(huán) by 腳本之家" />
<meta name="description" content="js循環(huán) by 腳本之家" />
</head>
<body>
//while循環(huán)
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">腳本之家,這是標題"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循環(huán)
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,這是標題"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循環(huán) 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">腳本之家,這是標題"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>


不同類型的循環(huán)

JavaScript 支持不同類型的循環(huán):
•for - 循環(huán)代碼塊一定的次數(shù)
•for/in - 循環(huán)遍歷對象的屬性
•while - 當指定的條件為 true 時循環(huán)指定的代碼塊
•do/while - 同樣當指定的條件為 true 時循環(huán)指定的代碼塊


For 循環(huán)

for 循環(huán)是您在希望創(chuàng)建循環(huán)時常會用到的工具。

下面是 for 循環(huán)的語法:

for (語句 1; 語句 2; 語句 3)
  {
  被執(zhí)行的代碼塊
  }


語句 1 在循環(huán)(代碼塊)開始前執(zhí)行
語句 2 定義運行循環(huán)(代碼塊)的條件
語句 3 在循環(huán)(代碼塊)已被執(zhí)行之后執(zhí)行

實例

復制代碼 代碼如下:

for (var i=0; i<5; i++)
  {
  x=x + "The number is " + i + "<br>";
  }

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

Statement 1 在循環(huán)開始之前設置變量 (var i=0)。
Statement 2 定義循環(huán)運行的條件(i 必須小于 5)。
Statement 3 在每次代碼塊已被執(zhí)行后增加一個值 (i++)。


語句 1

通常我們會使用語句 1 初始化循環(huán)中所用的變量 (var i=0)。

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

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

實例:

復制代碼 代碼如下:

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

同時您還可以省略語句 1(比如在循環(huán)開始前已經(jīng)設置了值時):

實例:

復制代碼 代碼如下:

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

語句 2

通常語句 2 用于評估初始變量的條件。

語句 2 同樣是可選的。
如果語句 2 返回 true,則循環(huán)再次開始,如果返回 false,則循環(huán)將結(jié)束。
提示:如果您省略了語句 2,那么必須在循環(huán)內(nèi)提供 break。否則循環(huán)就無法停下來。這樣有可能令瀏覽器崩潰。請在本教程稍后的章節(jié)閱讀有關 break 的內(nèi)容。

語句 3

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

語句 3 也是可選的。
語句 3 有多種用法。增量可以是負數(shù) (i--),或者更大 (i=i+15)。
語句 3 也可以省略(比如當循環(huán)內(nèi)部有相應的代碼時):

實例:

復制代碼 代碼如下:

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

For/In 循環(huán)

JavaScript for/in 語句循環(huán)遍歷對象的屬性:

實例

復制代碼 代碼如下:

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

您將在有關 JavaScript 對象的章節(jié)學到更多有關 for / in 循環(huán)的知識。

具體可以參考這篇文章:http://www.dbjr.com.cn/w3school/js/js_loop_for.htm

相關文章

  • 常用的Javascript數(shù)據(jù)驗證插件

    常用的Javascript數(shù)據(jù)驗證插件

    本文主要介紹的是常用的Javascript數(shù)據(jù)驗證插件,包括電話號碼驗證,郵件驗證,身份證驗證,需要的朋友可以參考下
    2015-08-08
  • JS Timing

    JS Timing

    JS Timing...
    2007-04-04
  • 淺析JavaScript中的delete運算符

    淺析JavaScript中的delete運算符

    這篇文章主要是對JavaScript中的delete運算符進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • 深入理解JavaScript系列(17):面向?qū)ο缶幊讨耪撛敿毥榻B

    深入理解JavaScript系列(17):面向?qū)ο缶幊讨耪撛敿毥榻B

    這篇文章主要介紹了深入理解JavaScript系列(17):面向?qū)ο缶幊讨耪撛敿毥榻B,本文講解了概論、范式與思想、基于類特性和基于原型、基于靜態(tài)類、層次繼承等內(nèi)容,需要的朋友可以參考下
    2015-03-03
  • JavaScript中的條件判斷語句使用詳解

    JavaScript中的條件判斷語句使用詳解

    這篇文章主要介紹了JavaScript中的條件判斷語句使用詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下
    2015-06-06
  • js事件委托詳解

    js事件委托詳解

    在本篇文章里小編給大家整理的是一篇關于js事件委托詳解以及相關實例內(nèi)容,有興趣的朋友們可以跟著學習下。
    2021-11-11
  • JavaScript中的getMilliseconds()方法使用詳解

    JavaScript中的getMilliseconds()方法使用詳解

    這篇文章主要介紹了JavaScript中的getMilliseconds()方法使用詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下
    2015-06-06
  • JavaScript 學習筆記之基礎中的基礎

    JavaScript 學習筆記之基礎中的基礎

    這篇文章主要介紹了JavaScript 學習筆記系列的第一篇文章,跟所有開篇一樣,本文我們介紹的都是些基礎中的基礎知識,雖然都是基礎,但建議大家不要略過此文
    2015-01-01
  • Knockout text綁定DOM的使用方法

    Knockout text綁定DOM的使用方法

    本文講解Knockout text綁定到DOM元素上,使得該元素顯示的文本值為你綁定的參數(shù)。該綁定在顯示<span>或者<em>上非常有用,可以用在任何元素上
    2013-11-11
  • javascript 數(shù)組學習資料收集

    javascript 數(shù)組學習資料收集

    由于javascript 數(shù)組應用比較廣泛,使用的朋友越來越多,腳本之家特為大家整理了一些js 數(shù)據(jù)方面的學習資料,大家看完了,基本上應該對數(shù)組有個理解了。
    2010-04-04

最新評論