【温故知新】——原生js中常用的四种循环方式
生活随笔
收集整理的這篇文章主要介紹了
【温故知新】——原生js中常用的四种循环方式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、引言
本文主要是利用一個例子，講一下原生js中常用的四種循環方式的使用與區別：
實現效果：
四種循環：
- 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
總結
以上是生活随笔為你收集整理的【温故知新】——原生js中常用的四种循环方式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 验证请求的时间有效性和接口数据防盗链
- 下一篇： 数据分析师经常遇到的13个问题