流程控制语句
- 主要用于控制代码执行的顺序
- 流程控制就是指令
- 编程语言即人与计算机进行交流的语言
三种流程控制结构
1.默认流程结构
- 代码逐行执行,从左到右,从上到下。
2.分支流程结构
- 选择性执行
3.循环流程结构
- 重复执行
输入对话框
prompt()
为用户提供一个输入对话框,用户可以在输入框中输入内容并且点击确定(Enter),程序可以接受输入的内容
prompt
(提示信息,默认值);
注意
提示信息和默认值若是字符串需要用引号引起来,两个值可以只有提示信息
输入框上有两个按钮
a. 确认
获取默认值或用户输入的值,获取的数据类型为string
。(主要是在运用中注意有可能需要将得到的结果转化为数字类型)
b. 取消
得到null
,为object
类型。主要用于通过用户输入的值,进行条件判断
<script>
var result = prompt("请输入您的年龄",10);
console.log(result, typeof result);
if (result < 18) {
console.log("未成年")
}else if(result < 30){
console.log("该结婚了")
}else if (result < 50) {
console.log("壮年,继续奋斗")
}else {
console.log("该享福了")
}
// 单击确定 显示默认值或用户输入的值 ,string类型
// 当删掉所有内容 单击确定 显示为string类型 ,执行的是小于18的语句???
// 单击取消 得到null, 为object 类型
</script>
一、条件语句
1.单分支语句
- 只用于一种选择的判断
if
(条件语句){
执行的语句;
}
if
语句描述为 如果……那么……
注意事项
a.条件语句,可以是表达式也可以是单个值
- 如果给定单个值时,表示判断这个值是否存在,会默认转换为布尔类型boolean,true就执行,false就不执行
b.语句,可以是单条语句或者多条语句。
- 每一条语句都是以分号结尾
- 多条语句一般称为代码块,使用花括号{}括起来
- 如果是单条语句,可以不写{},但是不推荐
-此时的单条语句相当于绑定在if条件上,满足条件就执行 - 推荐都使用花括号括起来
2.双分支条件语句
if
(条件语句){
条件成立时,执行该语句;
}else
{
条件不成立时,执行该语句;
}
3.多分支条件语句
多选一
if
(条件a) {
a语句;
}else
if
(条件b) {
b语句;
}else
if
(条件c) {
c语句;
}else
{
d语句;
}
注意
程序有执行的顺序,需要将条件最苛刻的放在最上边。防止有交叉的数据出现判定出错
最后的
else
选项可以不写
4.多分支语句 switch
switch
( 状态值 ) {
case
值1:
执行条件1的代码块;
break
;
case
值2:
执行条件2的代码块;
break
;
default
:
以上条件都不满足时,执行此处代码;
}
状态值:变量
注意
-
switch……case
中的状态值和case
中给定的值,既要意义一样,数据类型也要一样(必须全等于) -
break
的作用防止穿透,终止后面代码的执行,所以必须加上break
-
default
可以写在switch
语句里任何位置,表示默认值,表示所有条件状态都不满足时,执行的代码块。是一个可选项。 - 除了放在最后的位置不加
break
;其他都得加break
;
与if
条件语句对比
-
if...else if...else
可以使用在表示一个范围或一个具体值 -
switch
语句只能用于具体的值
终止循环语句
此处说到break
,还有一个continue
,注意区分两者的不同。
1.break
跳出循环,遇到break
,就等于结束循环。
2.continue
终止本次循环,进行下一次循环,相当于这次就到这,继续下一次。
二、循环语句
for循环
1.为什么要使用循环
- 减少代码的冗余(重复的代码)
- 方便后期的维护以及修改
2.循环的四要素
- 初始循环变量,并赋值
var i = 0
- 循环条件
i <= 10
- 更新循环变量(布长)
i+=1
- 循环体,重复执行的代码
3.for循环语法
for(循环初始变量;循环条件;更新循环变量) {
循环体(只有条件满足时才执行此处的代码)
}
4.执行过程
- 第一次,初始变量,并进行一个循环条件的定
- 满足,执行循环,执行第二步操作
- 不满足,不执行循环
- 第二步,执行代码
- 第三步,更新变量的值
- 第四步,再判定
5.for循环注意事项
循环条件
a. 如果条件为真时,执行响应循环,条件为假时不执行循环循环变量
a.初始变量为最小值时,更新变量,使用自增
b.初始变量为最大值时,更新变量,使用自减
c.更新变量可以是任何步长值,i++
,i+=2
(赋值运算操作)
d.初始变量中需要声明,使用var
或let
while循环
初始循环变量;
while(循环条件){
循环体;
更新循环变量;
}
do while循环
初始循环变量;
do {
循环体;
更新循环变量;
} while(条件表达式);
do...while
循环语句与while
类似,在对条件表达式求值之前,循环体内的代码至少会被执行一次。
总结
- for
- do...while
死循环
只要循环条件永远为真,就能产生死循环
如以下情况
- 在循环中,循环条件没有时
- 在循环中,没有更新循环变量
- 在循环中,什么都没给,只有两个分号
- 尽量不要在项目中使用死循环
- 主要用于一些随机遍历,随机循环的数据中,如随机循环数字,在指定的条件下进行终止操作(能被3整除)
浏览器打断点
在控制台中,sources,找到指定代码,点击代码行号,进行断点标记,再次刷新页面
写循环语句时,非常有用的工具。
嵌套循环
表示在循环体中再次嵌套循环
双层for循环
for( ) {
for( ) {...}
}
理解
- 外层for循环,相当于表格中的行
- 内层for循环,相当于表格中的列