【温故知新】——原生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

【温故知新】——原生js中常用的四种循环方式相关推荐

js学习总结----js中常用的四种输出方式
1.alert('内容') 在浏览器中弹出框显示我们的内容不输入内容弹出undefined (注意alert弹出的都是字符串) 2.document.write('内容') 在页面中输出显 ...
js中数组的几种循环方式
js中数组的几种循环方式 for循环最基本的循环方式,不多说.这种最基本的循环才是速度最快的,效率最高的. for(var i = 0;i<5;i++){console.log(i) } for ...
JS中对象的四种继承方式：class继承、原型链继承、构造函数继承、组合继承（构造函数和原型链继承的结合）
前言才发现之前没有对JavaScript中的继承做过总结,不过看得到是不少,接下来就对这几种继承方式做一下总结. class继承 class继承是ES6引入的标准的继承方式. ES6引入了class ...
pytorch梯度下降函数_Pytorch中常用的四种优化器SGD、Momentum、RMSProp、Adam
来源:AINLPer微信公众号编辑: ShuYini 校稿: ShuYini 时间: 2019-8-16 引言很多人在使用pytorch的时候都会遇到优化器选择的问题,今天就给大家介绍对比 ...
Js中自定义对象四种方式
Js中自定义对象四种方式 1 类似JAVA有参构造方式: 1.定义对象: function 对象(属性[age]){追加属性:如(this.age = age)[this代表当前对象的地址值的引用]追 ...
tp5类的属性不存在_thinkPHP5.1框架中Request类四种调用方式示例
本文实例讲述了thinkPHP5.1框架中Request类四种调用方式.分享给大家供大家参考,具体如下: 1. 传统调用访问方式:http://127.0.0.1/demo/demo3/test?n ...
Java中常用的四种线程池
在Java中使用线程池,可以用ThreadPoolExecutor的构造函数直接创建出线程池实例,在Executors类中,为我们提供了常用线程池的创建方法. 接下来我们就来了解常用的四种: ne ...
php xml 四种,xml中常见的四种解析方式是什么？
xml解析方式有:1.DOM解析方法,可以对xml文档进行修改操作:2.SAX解析方法,解析速度快,占用内存少:3.JDOM解析方法,查找方便:4.DOM4J解析方法,解析XML的速度快. 在XML的 ...
Android中Activity的四种启动方式
谈到Activity的启动方式必须要说的是数据结构中的栈.栈是一种只能从一端进入存储数据的线性表,它以先进后出的原则存储数据,先进入的数据压入栈底,后进入的数据在栈顶.需要读取数据的时候就需要从顶部开 ...

【温故知新】——原生js中常用的四种循环方式

【温故知新】——原生js中常用的四种循环方式相关推荐

最新文章

热门文章