js流程语句的复习

简介: js流程语句分为单行语句和复合语句;用花括号包含的语句集合叫做复合语句,一对花括号表示一个复合语句,处理的时候可以当作一条单行语句来对待,复合语句一般也被称为代码块

js流程语句分为单行语句和复合语句;用花括号包含的语句集合叫做复合语句,一对花括号表示一个复合语句,处理的时候可以当作一条单行语句来对待,复合语句一般也被称为代码块

选择语句:

1.if语句:if(条件表达式1){代码段1}else if(条件表达式2){代码段2}else{代码段3}
判断条件1为true则执行代码段1,为false则跳过语句块1并检测条件2,如果所有表达式的值均为false则执行else后的语句;结构复杂可嵌套,可测试多个表达式,表达式的值具有线性特征,表达式的值是动态的,适用于任意类型的数据,可处理复杂的逻辑关系。

var box = 100;
if(box >= 50){
    alert('甲');
}else if(box >= 90){
    alert('乙');
}else if(box >= 80){
    alert('丙');
}else if(box >= 70){
    alert('丁');
}else if(box >= 60){
    alert('及格');
}else{
    alert('不及格');
}

注意:if小写,大写字母(IF)会出错

2.switch语句:switch(条件表达式){case 常量1:语句; break;case 常量2:语句; break;…case 常量n:语句; break;default:语句;}
注意:case有几个都行,default可以没有。当case1~n都不满足的时候,则default。default并不一定要在最后;Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句

var box = 1;
switch(box){ //switch(box)box就是要比较的变量
case 1: //case1:相当于if语句里的(box == 1),如果box是1的话
alert('one');
break; //break中途退出switch语句,防止穿透
case 2:
alert('two');
break;
case 3:
alert('three');
break;
default: //相当于if语句里的else
alert('出错');
}

注意:
1)、js的switch语句类型可以是js支持的任何类型(数组和对象除外)
2)、case后面的数据类型可以任意(数组和对象除外)
3)、break作用是跳出整个switch语句
4)、如果没有匹配的则执行default

循环语句:

1.while:while(条件表达式){循环执行代码段},
流程:先判断表达式的值,为true循环执行代码段,为false退出循环体;

var box = 10;
while(box <= 5){ //先判断,再运行的循环体
    alert(box);
    box++;
}

2.do-while:do{循环执行的代码段}while(条件表达式),先执行循环体内代码段再进行判断,为true则重复执行代码段,为false则退出循环体,一般用于一个动作至少要被执行一次时;

var box = 1;
do{ //先运行,再判断的循环体
    alert(box); //打印1
    box++; //box=2
}while(box <= 5); //判断2 <=5,再运行alert语句
//当while判断为false的时候,退出循环,当while判断为true的时候,执行循环。如果条件一开始不满足条件,至少会执行一次。

3.for:for(循环变量=初值;循环条件;递增/递减计数器){循环代码段},用循环变量初始值和循环条件相比较确定返回值,返回值为true执行循环体,返回值false则退出循环体;for-in:for(声明变量in对象){代码段},枚举对象属性,循环输出的属性顺序不可预知,对象的值不能是null或undefined

for (var box=1; box<=10; box++){
    alert(box);
    box++;
    if(box == 5)break; //break语句会立即退出循环,强制继续执行循环体后面的语句
    if(box == 7)continue; //continue语句退出当前循环,继续后面的循环
}//第一步,声明变量box=1;第二步,判断box<=10,如果返回true执行第三步,否则跳出循环;第三步,alert(box),输出box;第四步,box++累增2;第五步,判断box==5是否为true;第六步,判断box==7是否为true;第七步,去执行第二步。

4.for in循环语句

var box = {
    'name':'危险',
    'age':28,
    'height':178
};
for(var x in box){
    alert(x);
}

跳转语句:

1.return:终止函数值的运行并返回一个值,
2.break:终止整个循环,
3.continue:结束本次循环,接着去判断是否执行下次循环;

with语句

将代码的作用域设置到一个特定的对象中

var box={ 
 name:"张三", 
 age:24, 
 sex:"男"
 }; 
 with(box){ 
 var n=name; 
 var a=age; 
 var s=sex; 
 }; 
document.write(n+"<br/>"); 
document.write(a+"<br/>"); 
document.write(s);

运行的结果为:

张三
24 
男

异常处理语句:

throw-主动抛出异常,
try-指明需要处理的代码段,
catch-捕获异常,
finally-后期处理

目录
相关文章
|
8月前
|
JavaScript 前端开发 算法
设计一个简单的JavaScript版“俄罗斯方块”游戏的基本逻辑流程。
```md 设计JavaScript版俄罗斯方块游戏涉及初始化环境、创建游戏容器、管理变量、加载音效。游戏循环中生成方块、键盘控制移动与旋转、碰撞锁定、行消除及分数更新。当游戏区域填满时结束游戏,显示结束画面。还包括暂停、重置等辅助功能。伪代码示例展示了核心逻辑,实际实现需考虑更多细节和用户体验增强。 ```
162 3
|
8月前
|
Web App开发 JavaScript 前端开发
Node.js 的事件循环原理、工作流程
Node.js 的事件循环原理、工作流程
120 0
|
8月前
|
JavaScript 前端开发 开发者
从0开始学习JavaScript--JavaScript 流程控制
JavaScript中的流程控制结构是编写结构化、可读性强的代码的关键。本文将深入研究JavaScript中的流程控制,包括条件语句、循环结构、跳转语句等,并通过丰富的示例代码来更全面地了解和运用这些概念。
|
8月前
|
Android开发
Autox.js 脚本开发环境搭建,从案例到打包apk(详细流程)
Autox.js 脚本开发环境搭建,从案例到打包apk(详细流程)
2170 0
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
70 2
JavaScript基础知识-流程控制之while循环
|
2月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
74 3
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之for循环
这篇文章讲解了JavaScript中的for循环的基础知识,并通过一个实例演示了如何使用for循环来找出所有的三位水仙花数。
66 6
JavaScript基础知识-流程控制之for循环
|
5月前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
65 0
|
5月前
|
JavaScript 安全 数据安全/隐私保护
深入Node.js与Express:从表单接收到数据验证的完整指南——实战技巧揭秘后端开发中的表单处理流程
【8月更文挑战第31天】在Web开发中,处理表单数据至关重要。本文通过实例详细讲解了如何利用Node.js与Express框架接收和验证表单数据。首先,搭建环境并初始化一个简单的Express应用;接着,演示如何接收用户注册表单中的`username`和`email`字段;最后,引入`joi`模块进行数据验证,确保数据安全准确。掌握这些技能有助于开发者构建更安全、友好的Web应用。随着Node.js和Express的不断进步,未来将有更多高级功能值得期待。
143 0