渡一教育公开课web前端开发JavaScript精英课学习笔记(三)条件语句,循环语句
if 条件判断语句
if(条件){
如果条件为真时,执行的代码。
} else {
如果条件为假时,执行的代码。
}
<script type = "text/javascript">var input = parseInt(window.prompt("输入你的成绩"));document.write("输入的值是:" + input + "<br/>");//如果表达式为真,则执行代码块。if(input >= 90){document.write("优秀");}//如果表达式为真,则执行代码块。否则执行else代码块。if(input >= 75 && input < 90){document.write("良好");}else if(input >= 60 && input < 75){document.write("合格");}else if(input < 60){document.write("不合格");}else{document.write("输入的是啥?");}//以下代码不能判断input在 90 和 100 之间,只会返回 90 < input 结果。document.write(90< input < 100);
</script>
for 循环语句
for(语句1,语句2,语句3){
循环执行的代码。
}
语句1:循环开始时执行。
语句2:循环执行的条件,为真时执行里面的代码。
语句3:每次执行完代码后,执行的语句。
<script type = "text/javascript">var input = parseInt(window.prompt("输入循环次数"));document.write("输入的值是:" + input + "<br/>");//for(//第一个表达式:循环开始时执行,初始化循环变量 ;//第二个表达式:判断循环变量是否满足条件,满足则执行下一次循环,否则跳出循环 ; //第三个表达式:每次循环结束后执行,更改循环变量;//)for(var i = 0 ;i < input ; i++){document.write('第 ' + (i + 1) + " 次循环.<br/>");}document.write('i:' + i + "<br/>");//另一种for循环写法var a = 0;for(;;){if(a < input){document.write('第 ' + (a + 1) + " 次循环.<br/>");a ++;}else{break;//用于中断循环,并跳出循环体。}}document.write('a:' + a + "<br/>");//另一种for循环写法for(;a;){document.write('循环 ' + a + " 次.<br/>");a --;}document.write('a:' + a + "<br/>");
</script>
while 循环语句
while(条件){
执行的代码。
}
判断<条件>为真时执行代码,直到<条件>为假时停止。
<script type = "text/javascript">var input = parseInt(window.prompt("输入循环次数"));document.write("输入的值是:" + input + "<br/>");var isStop = false; //如果表达式为真,则执行循环,否则结束循环。while(!isStop){document.write('循环 ' + input + " 次.<br/>");input --;isStop = !input;}
</script>
do while 循环语句
与while相似,先执行一次循环体,然后判断表达式的值,如果为真则继续执行循环体,否则退出循环。也就是不管表达式是否为真都会执行一次循环体。此循环语句不常用。
switch 条件判断语句
switch(变量){
case 常量1:
执行代码。
break;
case 常量2:
执行代码。
break;
default:
执行代码。
break
}
<变量>与 case 中常量进行对比,如果相等,执行下面的代码,直到 break停止。如果未匹配到,则执行 default 中的代码。
<script type = "text/javascript">var input = window.prompt("输入星期几");switch (input) {case "Monday": //判断input是否等于 Monday 如果等于往下执行,直到遇到 break 或 reutrn。case "Tuesday": //没有 break 或 return 则继续往下执行case "Wednesday":case "Thursday":case "Friday":document.write(input,"需要工作!");break; //中断 switchcase "Saturday":case "Sunday":document.write(input,"休息~!~");break; //中断 switchdefault: //如果未匹配到则执行 default 代码段。document.write("输入的信息不正确");break;}
</script>
break 语句
跳过当前循环,并停止循环。(常用)
continue 语句
跳过当前循环,并继续执行下一次循环。(不常用)
练习题
计算2的n次幂。
<script type = "text/javascript">var input = parseInt(window.prompt("输入2的几次幂"));document.write("输入的值是:" + input + "<br/>");var result = 2;if(input == 0){result = 1;}for(var i = 1; i < input ;i++){result *= 2;}document.write("计算结果:" + result + "<br/>");
</script>
计算n的阶乘。
<script type="text/javascript">var input = window.prompt("输入阶乘数");var result = 1;for (var index = 1; index <= input; index++) {document.write( index," * ",result);result = result * index;document.write("= ",result,"<br/>");}
</script>
计算第n位 斐波那契数列 的值。
<script type = "text/javascript">var input = parseInt(window.prompt("输入求第几位的值"));document.write("输入的次数是:" + input + "<br/>");var result1 = 1;var result2 = 1;for(var i = 2; i < input ;i++){result2 += result1;result1 = result2 - result1;}document.write("计算结果:" + result2 + "<br/>");
</script>
反向输出一个多位数
<script type = "text/javascript">var input = parseInt(window.prompt("输入一个数字"));document.write("输入的数字是:" + input + "<br/>");var ten = 10;var remainter = 0;var result = "";while(remainter != input){var temp = remainter;remainter = input % ten;result = result + (remainter - temp) * 10 / ten;ten *= 10;}document.write("转换结果:" + parseInt( result) + "<br/>");
</script>
输入三个数字,选出最大的
<script type = "text/javascript">var input1 = parseInt(window.prompt("输入第一个数"));var input2 = parseInt(window.prompt("输入第二个数"));var input3 = parseInt(window.prompt("输入第三个数"));var max = 0;if(input1 > input2){if(input1 > input3){max = input1;}else{max = input3;}}else{if(input2 > input3){max = input2;}else{max = input3;}}document.write("最大值:" + max + "<br/>");
</script>
打印100以内的质数(只能被1和本身整除的数)
<script type = "text/javascript">var input = parseInt(window.prompt("输入最大数"));for (var index = 2; index <= input; index++) {var is = true;for(var i = 2;i < index;i++){ //index 可以使用数学函数取平方根 Math.sqrt(index);if(index % i == 0){is = false;break;}}if(is){document.write("质数:",index,"<br/>");}}
</script>
渡一教育公开课web前端开发JavaScript精英课学习笔记(三)条件语句,循环语句相关推荐
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(六)函数及作用域
函数作用域 函数有个隐藏的属性[[scope]],这个属性就是作用域,其存储了运行期上下文的集合. [[scope]]存储运行期上下文集合,这些集合呈链式关系,就是作用域链. [[scope]]属性结 ...
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(一)前言
Mosaic浏览器 NCSA Mosaic,或简称Mosaic(马赛克),是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器,它是由伊利诺伊大学厄巴纳-香槟分校的NCSA组织在1993年 ...
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(二十九)JavaScript 骇客帝国
JavaScript 骇客帝国 <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(二)变量类型,运算符
JavaScript引入方式 内嵌 <script type = "text/javascript">document.write('hello,javascript! ...
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(二十六)JavaScript 打砖块
打砖块 <!DOCTYPE html> <html><head><meta charset="UTF-8"><meta nam ...
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(十)数组的常用方法
数组的常用方法(ES3) 以ES3.0为基础,ES5.0 在ES3基础上扩展,ES6.0 在ES5基础上扩展. 改变原数组的方法: push.pop.shift.unshift.sort.revers ...
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(三十二)JavaScript旋转方块
JavaScript旋转方块 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(七)对象和包装类
Js对象有三种 内置对象:ECMAScript 规定的对象,如:Math String Number Boolean Function Object... 宿主对象:Js运行环境中的对象,如DOM文档 ...
- 渡一教育公开课web前端开发JavaScript精英课学习笔记(二十一)CSS3实现Loading
CSS3实现Loading <!DOCTYPE html> <html> <head><meta charset="UTF-8">& ...
最新文章
- Flutter开发环境安装
- android+动画队列,Android属性动画详解
- 平顶山学院计算机专业是几本,平顶山学院是几本_是二本还是三本大学?
- java层 android_Android开发实践:Java层与Jni层的数组传递
- oracle激活锁定用户,oracle 锁用户,oracle解除用户锁定
- 记录 之 tensorflow函数:tf.data.Dataset.from_tensor_slices
- 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。...
- C++算法工程师需要具备开发能力
- 深入学习javascript:cookie
- AI界的革命!终于可以自动标注了!
- 基于组态王和三菱PLC的modbus仿真(一)——安装三菱PLC环境
- java使用itext7实现html转pdf
- 在任务栏中添加控件 如360小助手、QQ桌面小助手
- 为什么程序猿 996 会猝死,而企业家 007 却不会?
- 4种方法教你如何查看java对象所占内存大小
- 爱加密加密Android apk 使用步骤
- Cloudera Manager安装之利用parcels方式安装3或4节点集群(包含最新稳定版本或指定版本的安装)(添加服务)(CentOS6.5)(五)...
- 数据分析-Jupyter,Matplotlib介绍-Matplotlib绘制图形
- java线程之可重入锁
- 黑马程序员博学谷Java就业班课程
热门文章
- 一点资讯拿证,新闻客户端无证裸奔或将成为历史
- 安装beryl和emerald。我们的红宝石和绿宝石
- 我和程序员打了13年交道后,为什么做了缘创派?
- MySQL-day03
- 处理vcf文本设计多态性indel标记--GATK、vcf
- java试用期考核难吗,试用期一年,但是最近说我考核不合格,准备辞退我来着,那么想知道试用期间被辞退流程都有什么的呢?...
- 瑞利分布随机变量产生MATLAB,运用直接抽样法产生指数分布、瑞利分布的随机变量序列matlab编程.doc...
- windows常用快捷键及命令大全
- centos7 默认中文字体_如何更换CentOS(Linux)系统默认字体?
- 如何更快进行文献的检索和研究方向期刊的确定——以物联网为例