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

當前位置:首頁 > 科技  > 軟件

一篇文章帶你了解JavaScript for循環

來源: 責編: 時間:2024-02-01 12:51:13 187觀看
導讀一、JavaScript 循環循環是方便的,如果你想重復地運行同一個代碼,每次使用不同的值。通常情況下,這是與數組一起工作:text += cars[0] + "<br>";text += cars[1] + "<br>";text += cars[2] + "<br>";text += cars[3] + "

一、JavaScript 循環

GjU28資訊網——每日最新資訊28at.com

循環是方便的,如果你想重復地運行同一個代碼,每次使用不同的值。GjU28資訊網——每日最新資訊28at.com

通常情況下,這是與數組一起工作:GjU28資訊網——每日最新資訊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>";可以寫成這樣:for (i = 0; i < cars.length; i++) {    text += cars[i] + "<br>";}

例:GjU28資訊網——每日最新資訊28at.com

<!DOCTYPE html><html lang="en">    <head>        <meta charset="UTF-8">        <title>項目</title>    </head>    <body style="background-color: aqua;">        <h1>JavaScript 循環</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>

GjU28資訊網——每日最新資訊28at.com

二、不同種類的循環

JavaScript 支持不同類型的循環:GjU28資訊網——每日最新資訊28at.com

  1. for - 多次循環一段代碼。
  2. for/in - 通過對象的屬性循環。

三、For 循環

for循環通常是你想創建循環時使用的工具。GjU28資訊網——每日最新資訊28at.com

語法:GjU28資訊網——每日最新資訊28at.com

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

語句1:循環(代碼塊)開始之前執行。GjU28資訊網——每日最新資訊28at.com

語句2:定義了運行循環的條件(代碼塊)。GjU28資訊網——每日最新資訊28at.com

語句3:循環(代碼塊)被執行后每次執行。GjU28資訊網——每日最新資訊28at.com

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

完整代碼:GjU28資訊網——每日最新資訊28at.com

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>項目</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>

GjU28資訊網——每日最新資訊28at.com

語句1在循環開始前設置變量 (var i = 0),語句2定義了循環運行的條件 (i 必須小于 5),語句3增加值(i++) 每次循環中的代碼塊都已被執行。GjU28資訊網——每日最新資訊28at.com

1. 語句 1

通常,您將使用語句1初始化循環中使用的變量 (i = 0)。語句1是可選的,可以在語句1中初始化多個值(逗號分隔)。GjU28資訊網——每日最新資訊28at.com

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

可以省略語句1(如在循環開始之前設置值)。GjU28資訊網——每日最新資訊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>

GjU28資訊網——每日最新資訊28at.com

2. 語句 2

經常使用語句2來判斷初始變量的條件。GjU28資訊網——每日最新資訊28at.com

這是情況并非總是如此,JavaScript不在乎。語句2也是可選的.如果語句2返回true,則循環將重新啟動,如果返回false,則循環將結束。GjU28資訊網——每日最新資訊28at.com

如果省略語句2,則必須在循環中提供一個中斷。否則循環永遠不會結束。這將使你的瀏覽器崩潰。GjU28資訊網——每日最新資訊28at.com

3. 語句 3

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

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

語句3也可以省略(例如當你在循環中增加你的值)。GjU28資訊網——每日最新資訊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>

GjU28資訊網——每日最新資訊28at.com


GjU28資訊網——每日最新資訊28at.com

四、For/In 循環

JavaScript for/in 語句遍歷對象的屬性。GjU28資訊網——每日最新資訊28at.com

<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8">    <title>項目</title>  </head>  <body style="background-color: aqua;">    <h1>JavaScript 循環</h1>    <p>for/in 語句通過對象的屬性循環.</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>

GjU28資訊網——每日最新資訊28at.com

五、總結

本文基于JavaScript 基礎,介紹循環中 for 循環在實際項目的應用。通過循環語法講解,文字的說明能夠讓讀者更好的去理解 for 循環。GjU28資訊網——每日最新資訊28at.com

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

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 揭開空白網頁背景色的神秘面紗

下一篇: 我們一起聊聊C#實現JSON序列化和反序列化?

標簽:
  • 熱門焦點
  • 官方承諾:K60至尊版將會首批升級MIUI 15

    全新的MIUI 15今天也有了消息,在官宣了K60至尊版將會搭載天璣9200+處理器和獨顯芯片X7的同時,Redmi給出了官方承諾,K60至尊重大更新首批升級,會首批推送MIUI 15。也就是說雖然
  • 十個可以手動編寫的 JavaScript 數組 API

    JavaScript 中有很多API,使用得當,會很方便,省力不少。 你知道它的原理嗎? 今天這篇文章,我們將對它們進行一次小總結?,F在開始吧。1.forEach()forEach()用于遍歷數組接收一參
  • CSS單標簽實現轉轉logo

    轉轉品牌升級后更新了全新的Logo,今天我們用純CSS來實現轉轉的新Logo,為了有一定的挑戰性,這里我們只使用一個標簽實現,將最大化的使用CSS能力完成Logo的繪制與動畫效果。新logo
  • 重估百度丨“晚熟”的百度云,能等到春天嗎?

    &copy;自象限原創作者|程心排版|王喻可2016年7月13日,百度云計算戰略發布會在北京舉行,宣告著百度智能云的正式啟程。彼時的會場座無虛席,甚至排隊排到了門外,在場的所有人幾乎都
  • 蘋果、三星、惠普等暫停向印度出口筆記本和平板電腦

    集微網消息,據彭博社報道,在8月3日印度突然禁止在沒有許可證的情況下向印度進口電腦/平板及顯示器等產品后,蘋果、三星電子和惠普等大公司暫停向印度
  • 超級標準版旗艦!iQOO 11S全球首發iQOO超算獨顯芯片

    上半年已接近尾聲,截至目前各大品牌旗下的頂級旗艦都已悉數亮相,而下半年即將推出的頂級旗艦已經成為了數碼圈爆料的主流,其中就包括全新的iQOO 11S系
  • OPPO K11搭載長壽版100W超級閃充:26分鐘充滿100%

    據此前官方宣布,OPPO將于7月25日也就是今天下午14:30舉辦新品發布會,屆時全新的OPPO K11將正式與大家見面,將主打旗艦影像,和同檔位競品相比,其最大的賣
  • DRAM存儲器10月價格下跌,NAND閃存本月價格與上月持平

    10月30日,據韓國媒體消息,自今年年初以來一直在上漲的 DRAM 存儲器的交易價格僅在本月就下跌了近 10%,此次是全年首次降價,而NAND 閃存本月價格與上月持平。市
  • 英特爾Xe HPG游戲顯卡:擁有512EU,單風扇版本

    據10 月 30 日外媒 TheVerge 消息報道,英特爾 Xe HPG Arc Alchemist 的正面實被曝光,不僅擁有 512 EU 版顯卡,還擁有 128EU 的單風扇版本。另外,這款顯卡 PCB
Top 主站蜘蛛池模板: 武乡县| 宜宾县| 新乡市| 顺平县| 旺苍县| 南部县| 托克逊县| 泸州市| 西青区| 定边县| 周至县| 夏邑县| 黄大仙区| 泸州市| 浏阳市| 新宾| 象山县| 靖边县| 平乐县| 舒城县| 中江县| 荣昌县| 罗甸县| 沁源县| 图片| 五大连池市| 定结县| 永平县| 定州市| 抚远县| 冀州市| 巴里| 新泰市| 荣昌县| 石楼县| 玉田县| 通海县| 河东区| 赫章县| 南京市| 收藏|