实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

400-650-7353
您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】JavaScript中while的常見問題

【Web前端基礎知識】JavaScript中while的常見問題

  • 發布: Web前端培訓
  • 來源:Web前端干貨資料
  • 2020-08-07 14:10:08
  • 閱讀()
  • 分享
  • 手機端入口

我們先看幾個關于while循環語句的簡單問題。

問題一:

請用while求出1到100的和,并在控制臺中打印出來。

我們很小的時候就聽過數學家高斯計算1到100的和的故事,他可以很快的計算出1到100的和。高斯是這樣算的:1+100=101,2+99=101······50+51=101。從1加到100有50組這樣的數,所以50X101=5050

問題二:

讓用戶輸入用戶名和密碼,如果正確,提示“用戶名和密碼正確”,程序結束。如果錯誤,就一直輸入。

(正確的用戶名是:ujiuye,密碼是:666666)

問題三:

計算1到100相加的和,但是,如果這個數的個位數是9,那就不要把這個數加進去。

我們可以看出,上面這幾個問題都分別重復做著一件事兒,就需要我們運行多次代碼,假如您需要運行代碼多次,且每次使用不同的值,因此,我們使用循環語句的話就很方便了。

循環語句是JavaScript中一類允許執行重復動作的語句,同條件語句一樣,循環語句也是JavaScript的基本控制語句,在JavaScript中循環語句主要有:while循環和for循環兩種形式,這幾個問題中我們都使用while來解決。

下面我們來依次分析下:

Ø 問題一用到了while循環

while循環

while 循環會一直循環代碼塊,只要指定的條件為 true。

語法:

  1. while (條件) { 
  2.     要執行的代碼塊 

while循環的執行流程:

當代碼執行到while的時候,會先判斷判斷條件是否為true,如果為true,那么會執行while大括號中的代碼塊,代碼塊執行完畢以后,再次回到while中再進行判斷,如果為true,再次執行while大括號中的代碼塊,并且再次回while,如果為false就不執行大括號中的代碼塊。

例如:

請用while求出1到100的和,并在控制臺中打印出來。

  1. var i = 1
  2. var sum = 0
  3. while (i <= 100) { 
  4.    sum += i; 
  5.    i++; 
  6. console.log(sum); 

上面代碼運行的步驟:

執行var i= 1; var sum = 0;這兩條語句,所以i的值是1,sum的值是0。

然后程序會驗證下 i<=100 是否滿足,1<=100是真,所以執行一次循環體。

執行完循環體之后,sum的值是1,i的值是2。

然后程序會驗證下 i<=100 是否滿足,2<=100是真,所以執行一次循環體。

執行完循環體之后,sum的值是3,i的值是3。

然后程序會驗證下 i<=100 是否滿足,3<=100是真,所以執行一次循環體。

執行完循環體之后,sum的值是6,i的值是4。

然后程序會驗證下 i<=100 是否滿足,4<=100是真,所以執行一次循環體。

執行完循環體之后,sum的值是10,i的值是5。

然后以此類推。。。

直到i的值是101的時候,程序會驗證下 i<=100 是否滿足,101<=100是假,所以不執行循環體,程序跳出循環。

Ø 問題二用到了break語句

break 語句

作用:“跳出”循環。

break 語句會中斷循環,并繼續執行循環之后的代碼。

例如:

讓用戶輸入用戶名和密碼,如果正確,提示“用戶名和密碼正確”,程序結束。如果錯誤,就一直輸入。

(正確的用戶名是:ujiuye,密碼是:666666)

我們使用上面剛提到的while循環和break解答。

  1. var name = prompt("請輸入用戶名"); 
  2. var password = prompt("請輸入密碼"); 
  3. while(true){ 
  4.    if(name == "ujiuye" && password == "666666"){ 
  5.         alert('用戶名和密碼正確'); 
  6.         break; 
  7.     }else{ 
  8.         name = prompt("請輸入用戶名"); 
  9.         password = prompt("請輸入密碼"); 
  10.     } 

這里面的break就是跳出循環語句的。

Ø 問題三用到了continue語句

continue 語句

作用:“跳過”循環中的一個迭代。

continue 語句中斷(循環中)的一個迭代,如果發生指定的條件。然后繼續循環中的下一個迭代。

例如:

計算1到100相加的和,但是,如果這個數的個位數是9,那就不要把這個數加進去。

我們用上面提到的while和continue語句完成。

  1. var i = 1
  2. var sum = 0
  3. while(i<=100){ 
  4.    if(i % 10 == 9){ 
  5.         i++; 
  6.         continue; 
  7.     } 
  8.         sum += i; 
  9.         i++; 
  10. console.log(sum); 

判斷下這個數的個位數是不是9,如果i%10==9,那么這個數的個位數就是9,就不需要把這個數加進入了,使用continue來結束本次循環,然后繼續循環中的下一個迭代。

文章“【Web前端基礎知識】JavaScript中while的常見問題”已幫助

>>本文地址:http://m.jecan.cn/zhuanye/2020/51514.html

THE END  

聲明:本站稿件版權均屬中公教育優就業所有,未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: Magnescale探规,Magnescale磁栅尺,Magnescale传感器,Magnescale测厚仪,Mitutoyo光栅尺,笔式位移传感器-苏州连达精密量仪有限公司 | 昆明网络公司|云南网络公司|昆明网站建设公司|昆明网页设计|云南网站制作|新媒体运营公司|APP开发|小程序研发|尽在昆明奥远科技有限公司 | 北京网络营销推广_百度SEO搜索引擎优化公司_网站排名优化_谷歌SEO - 北京卓立海创信息技术有限公司 | 企业微信scrm管理系统_客户关系管理平台_私域流量运营工具_CRM、ERP、OA软件-腾辉网络 | 蓝牙音频分析仪-多功能-四通道-八通道音频分析仪-东莞市奥普新音频技术有限公司 | 不锈钢监控杆_监控立杆厂家-廊坊耀星光电科技有限公司 | 印刷人才网 印刷、包装、造纸,中国80%的印刷企业人才招聘选印刷人才网! | 河南凯邦机械制造有限公司 | 外贮压-柜式-悬挂式-七氟丙烷-灭火器-灭火系统-药剂-价格-厂家-IG541-混合气体-贮压-非贮压-超细干粉-自动-灭火装置-气体灭火设备-探火管灭火厂家-东莞汇建消防科技有限公司 | 空调风机,低噪声离心式通风机,不锈钢防爆风机,前倾皮带传动风机,后倾空调风机-山东捷风风机有限公司 | 杭州中央空调维修_冷却塔/新风机柜/热水器/锅炉除垢清洗_除垢剂_风机盘管_冷凝器清洗-杭州亿诺能源有限公司 | 微量水分测定仪_厂家_卡尔费休微量水分测定仪-淄博库仑 | 北京京云律师事务所 | 定制/定做衬衫厂家/公司-衬衫订做/订制价格/费用-北京圣达信 | 二手色谱仪器,十万分之一分析天平,蒸发光检测器,电位滴定仪-湖北捷岛科学仪器有限公司 | 辐射仪|辐射检测仪|辐射巡测仪|个人剂量报警仪|表面污染检测仪|辐射报警仪|辐射防护网 | 衬氟止回阀_衬氟闸阀_衬氟三通球阀_衬四氟阀门_衬氟阀门厂-浙江利尔多阀门有限公司 | 盛源真空泵|空压机-浙江盛源空压机制造有限公司-【盛源官网】 | 武汉森源蓝天环境科技工程有限公司-为环境污染治理提供协同解决方案 | 淋巴细胞分离液_口腔医疗器材-精欣华医疗器械(无锡)有限公司 | 依维柯自动挡房车,自行式国产改装房车,小型房车价格,中国十大房车品牌_南京拓锐斯特房车 - 南京拓锐斯特房车 | 电池挤压试验机-自行车喷淋-车辆碾压试验装置-深圳德迈盛测控设备有限公司 | WF2户外三防照明配电箱-BXD8050防爆防腐配电箱-浙江沃川防爆电气有限公司 | 上海璟文空运首页_一级航空货运代理公司_机场快递当日达 | 橡胶粉碎机_橡胶磨粉机_轮胎粉碎机_轮胎磨粉机-河南鼎聚重工机械制造有限公司 | 冷藏车厂家|冷藏车价格|小型冷藏车|散装饲料车厂家|程力专用汽车股份有限公司销售十二分公司 | 丹佛斯压力传感器,WISE温度传感器,WISE压力开关,丹佛斯温度开关-上海力笙工业设备有限公司 | [品牌官网]贵州遵义双宁口腔连锁_贵州遵义牙科医院哪家好_种植牙_牙齿矫正_原华美口腔 | 成都APP开发-成都App定制-成都app开发公司-【未来久】 | 江苏密集柜_电动_手动_移动_盛隆柜业江苏档案密集柜厂家 | 工业洗衣机_工业洗涤设备_上海力净工业洗衣机厂家-洗涤设备首页 bkzzy在职研究生网 - 在职研究生招生信息咨询平台 | 华溶溶出仪-Memmert稳定箱-上海协烁仪器科技有限公司 | 耐高温硅酸铝板-硅酸铝棉保温施工|亿欧建设工程 | 明渠式紫外线杀菌器-紫外线消毒器厂家-定州市优威环保 | 沈阳建筑设计公司_加固改造设计_厂房设计_设计资质加盟【金辉设计】 | 土壤养分检测仪|土壤水分|土壤紧实度测定仪|土壤墒情监测系统-土壤仪器网 | LZ-373测厚仪-华瑞VOC气体检测仪-个人有毒气体检测仪-厂家-深圳市深博瑞仪器仪表有限公司 | 【化妆品备案】进口化妆品备案流程-深圳美尚美化妆品有限公司 | 凝胶成像系统(wb成像系统)百科-上海嘉鹏 | 分光色差仪,测色仪,反透射灯箱,爱色丽分光光度仪,美能达色差仪维修_苏州欣美和仪器有限公司 | 涿州网站建设_网站设计_网站制作_做网站_固安良言多米网络公司 |