【溫故知新】——原生js中常用的四種循環方式

一、引言

本文主要是利用一個例子，講一下原生js中常用的四種循環方式的使用與區別：

實現效果：

在網頁中彈出框輸入0 ? 網頁輸出“歡迎下次光臨”
在網頁中彈出框輸入1 ? 網頁輸出“查詢中……”
在網頁中彈出框輸入2 ? 網頁輸出“取款中……”
在網頁中彈出框輸入3 ? 網頁輸出“轉賬進行中……”
在網頁中彈出框輸入其他字符 ? 網頁輸出“無效按鍵”

四種循環：

for循環
while循環
for ?in 循環
for ?of 循環

二、for循環?

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>for 循環</title></head><body><script> var input=parseInt(prompt("請按鍵:"));for(var i=input;i!=0;i++){if(i==1){document.write("查詢中...");break;}else if(i==2){document.write("取款中...");break;}else if(i==3){document.write("轉賬進行中...");break;}else{document.write("無效按鍵");}break;}if(input==0){document.write("歡迎下次光臨！");}</script></body>
</html>

三、while循環

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>while 循環</title></head><body><script>var input=-1;while((input=parseInt(prompt("請按鍵")))!=0){if(input==1){document.write("查詢中...");break;}else if(input==2){document.write("取款中...");break;}else if(input==3){document.write("轉賬進行中...");break;}else{document.write("無效按鍵");}break;}if(input==0){document.write("歡迎下次光臨！");}</script></body>
</html>

四、for in 循環

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>for in 循環</title></head><body><script>var input=parseInt(prompt("請按鍵:"));var array=new Array();array.push(input);for(var key in array){if(array[key]==0){document.write("歡迎下次光臨！");}else if(array[key]==1){document.write("查詢中...");break;}else if(array[key]==2){document.write("取款中...");break;}else if(array[key]==3){document.write("轉賬進行中...");break;}else{document.write("無效按鍵");}break;}</script></body>
</html>

五、for of循環

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>for of循環</title></head><body><script>var input=parseInt(prompt("請按鍵:"));var array=new Array();array.push(input);for(var val of array){if(val==0){document.write("歡迎下次光臨！");}else if(val==1){document.write("查詢中...");break;}else if(val==2){document.write("取款中...");break;}else if(val==3){document.write("轉賬進行中...");break;}else{document.write("無效按鍵");}break;}</script></body>
</html>

轉載于:https://www.cnblogs.com/ljq66/p/7602968.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/454548.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/454548.shtml
英文地址，請注明出處：http://en.pswp.cn/news/454548.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！