日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當(dāng)前位置:首頁(yè) > 科技  > 軟件

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

來(lái)源: 責(zé)編: 時(shí)間:2024-02-01 12:51:13 188觀看
導(dǎo)讀一、JavaScript 循環(huán)循環(huán)是方便的,如果你想重復(fù)地運(yùn)行同一個(gè)代碼,每次使用不同的值。通常情況下,這是與數(shù)組一起工作:text += cars[0] + "<br>";text += cars[1] + "<br>";text += cars[2] + "<br>";text += cars[3] + "

一、JavaScript 循環(huán)

PHT28資訊網(wǎng)——每日最新資訊28at.com

循環(huán)是方便的,如果你想重復(fù)地運(yùn)行同一個(gè)代碼,每次使用不同的值。PHT28資訊網(wǎng)——每日最新資訊28at.com

通常情況下,這是與數(shù)組一起工作:PHT28資訊網(wǎng)——每日最新資訊28at.com

text += cars[0] + "<br>";text += cars[1] + "<br>";text += cars[2] + "<br>";text += cars[3] + "<br>";text += cars[4] + "<br>";text += cars[5] + "<br>";可以寫(xiě)成這樣:for (i = 0; i < cars.length; i++) {    text += cars[i] + "<br>";}

例:PHT28資訊網(wǎng)——每日最新資訊28at.com

<!DOCTYPE html><html lang="en">    <head>        <meta charset="UTF-8">        <title>項(xiàng)目</title>    </head>    <body style="background-color: aqua;">        <h1>JavaScript 循環(huán)</h1>        <p id="demo"></p>        <script>            var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];            var text = "";            var i;            for (i = 0; i < cars.length; i++) {                text += cars[i] + "<br>";            }            document.getElementById("demo").innerHTML = text;</script>    </body></html>

PHT28資訊網(wǎng)——每日最新資訊28at.com

二、不同種類的循環(huán)

JavaScript 支持不同類型的循環(huán):PHT28資訊網(wǎng)——每日最新資訊28at.com

  1. for - 多次循環(huán)一段代碼。
  2. for/in - 通過(guò)對(duì)象的屬性循環(huán)。

三、For 循環(huán)

for循環(huán)通常是你想創(chuàng)建循環(huán)時(shí)使用的工具。PHT28資訊網(wǎng)——每日最新資訊28at.com

語(yǔ)法:PHT28資訊網(wǎng)——每日最新資訊28at.com

for (statement 1; statement 2; statement 3) {   code block to be executed}

語(yǔ)句1:循環(huán)(代碼塊)開(kāi)始之前執(zhí)行。PHT28資訊網(wǎng)——每日最新資訊28at.com

語(yǔ)句2:定義了運(yùn)行循環(huán)的條件(代碼塊)。PHT28資訊網(wǎng)——每日最新資訊28at.com

語(yǔ)句3:循環(huán)(代碼塊)被執(zhí)行后每次執(zhí)行。PHT28資訊網(wǎng)——每日最新資訊28at.com

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

完整代碼:PHT28資訊網(wǎng)——每日最新資訊28at.com

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>項(xiàng)目</title></head><body style="background-color: aqua;"><h1>JavaScript Loops</h1><p id="demo"></p><script>var text = "";var i;for (i = 0; i < 5; i++) {text += "The number is " + i + "<br>";}document.getElementById("demo").innerHTML = text;</script></body></html>

PHT28資訊網(wǎng)——每日最新資訊28at.com

語(yǔ)句1在循環(huán)開(kāi)始前設(shè)置變量 (var i = 0),語(yǔ)句2定義了循環(huán)運(yùn)行的條件 (i 必須小于 5),語(yǔ)句3增加值(i++) 每次循環(huán)中的代碼塊都已被執(zhí)行。PHT28資訊網(wǎng)——每日最新資訊28at.com

1. 語(yǔ)句 1

通常,您將使用語(yǔ)句1初始化循環(huán)中使用的變量 (i = 0)。語(yǔ)句1是可選的,可以在語(yǔ)句1中初始化多個(gè)值(逗號(hào)分隔)。PHT28資訊網(wǎng)——每日最新資訊28at.com

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

可以省略語(yǔ)句1(如在循環(huán)開(kāi)始之前設(shè)置值)。PHT28資訊網(wǎng)——每日最新資訊28at.com

<script>   var cars = ["BMW", "Volvo", "Saab", "Ford"];   var i = 2;   var len = cars.length;   var text = "";   for (; i < len; i++) {       text += cars[i] + "<br>";  }   document.getElementById("demo").innerHTML = text;</script>

PHT28資訊網(wǎng)——每日最新資訊28at.com

2. 語(yǔ)句 2

經(jīng)常使用語(yǔ)句2來(lái)判斷初始變量的條件。PHT28資訊網(wǎng)——每日最新資訊28at.com

這是情況并非總是如此,JavaScript不在乎。語(yǔ)句2也是可選的.如果語(yǔ)句2返回true,則循環(huán)將重新啟動(dòng),如果返回false,則循環(huán)將結(jié)束。PHT28資訊網(wǎng)——每日最新資訊28at.com

如果省略語(yǔ)句2,則必須在循環(huán)中提供一個(gè)中斷。否則循環(huán)永遠(yuǎn)不會(huì)結(jié)束。這將使你的瀏覽器崩潰。PHT28資訊網(wǎng)——每日最新資訊28at.com

3. 語(yǔ)句 3

經(jīng)常語(yǔ)句3增加初始變量的值.這是情況并非總是如此,JavaScript不在乎,并聲明3是可選的。PHT28資訊網(wǎng)——每日最新資訊28at.com

聲明3可以做任何事情,如負(fù)增量(i--),正增量(i = i + 15),或任何其他。PHT28資訊網(wǎng)——每日最新資訊28at.com

語(yǔ)句3也可以省略(例如當(dāng)你在循環(huán)中增加你的值)。PHT28資訊網(wǎng)——每日最新資訊28at.com

<script>   var cars = ["BMW", "Volvo", "Saab", "Ford"];   var i = 0;   var len = cars.length;   var text = "";   for (; i < len; ) {       text += cars[i] + "<br>";       i++;  }   document.getElementById("demo").innerHTML = text;</script>

PHT28資訊網(wǎng)——每日最新資訊28at.com


PHT28資訊網(wǎng)——每日最新資訊28at.com

四、For/In 循環(huán)

JavaScript for/in 語(yǔ)句遍歷對(duì)象的屬性。PHT28資訊網(wǎng)——每日最新資訊28at.com

<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8">    <title>項(xiàng)目</title>  </head>  <body style="background-color: aqua;">    <h1>JavaScript 循環(huán)</h1>    <p>for/in 語(yǔ)句通過(guò)對(duì)象的屬性循環(huán).</p>    <p id="demo"></p>    <script>      var txt = "";      var person = {        fname: "John",        lname: "Doe",        age: 25      };      var x;      for (x in person) {        txt += person[x] + " ";      }      document.getElementById("demo").innerHTML = txt;</script>  </body></html>

PHT28資訊網(wǎng)——每日最新資訊28at.com

五、總結(jié)

本文基于JavaScript 基礎(chǔ),介紹循環(huán)中 for 循環(huán)在實(shí)際項(xiàng)目的應(yīng)用。通過(guò)循環(huán)語(yǔ)法講解,文字的說(shuō)明能夠讓讀者更好的去理解 for 循環(huán)。PHT28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-70448-0.html一篇文章帶你了解JavaScript for循環(huán)

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。郵件:2376512515@qq.com

上一篇: 揭開(kāi)空白網(wǎng)頁(yè)背景色的神秘面紗

下一篇: 我們一起聊聊C#實(shí)現(xiàn)JSON序列化和反序列化?

標(biāo)簽:
  • 熱門(mén)焦點(diǎn)
Top 主站蜘蛛池模板: 安福县| 井研县| 万州区| 云龙县| 白沙| 高淳县| 哈尔滨市| 松原市| 奉节县| 贵定县| 卫辉市| 沅江市| 集安市| 泉州市| 彝良县| 高阳县| 邻水| 达日县| 乐清市| 宜昌市| 乌鲁木齐县| 象州县| 博客| 元氏县| 和龙市| 咸宁市| 鞍山市| 柳林县| 辽阳县| 彭州市| 和龙市| 大姚县| 建阳市| 平泉县| 三台县| 北辰区| 凤山县| 阳曲县| 汶上县| 乌鲁木齐县| 平度市|