介绍完 JS 的简介和向量以及运算符,大家对 JS 也有了初步的了解和认识,今天带大家来看一下 JS 中常用的分支结构以及循环结构是怎么使用的
【JS 中的分支结构】
一、【if-else 结构】
1、结构写法:
- if(判断条件){
- //条件为true时执行
- }else{
- //条件为false时执行
- }
2、if() 中的表达式,运算之后的结果应为: ①Boolean: true 真 false 假 ②String: 非空字符串为真,空字符串为假 ③Number:0 为假,非 0 均为真 ④Null/NaN/Undefined: 全为假 ⑤object:全为真 3、else 结构可以根据具体情况省略
二、【多重 if 结构(阶梯 if)】
1、结构写法:
- if(条件1){
- //条件1成立
- }else if(条件2){
- //条件1不成立&&条件2成立
- //else if 部分可以又N多个
- }else{
- //条件1不成立&&条件2不成立
- }
2、多重 if 结构中,各个判断条件是互斥的!只能选择其中一条路。 3、if/else 的 {} 可以省略,一般不提倡。 如果省略{} 则 if/else 结构包含的代码仅为其后最近的一行(分号结束); 如果省略{} 则 else 结构永远属于其前方最近一个 if 结构。
三、【嵌套 if 结构】
1、结构写法:
- if (条件1){
- //条件1成立
- if (条件2){
- //条件1成立 条件2成立
- }else{
- //条件1成立 条件2不成立
- }
- }else{
- //条件1不成立
- }
2、if 结构可以多重嵌套,但是原则上不超过三层
四、【switch-case 结构】
1、结构写法:
- switch(表达式){
- case 常量表达式1:
- 语句1;
- break;
- case 常量表达式2:
- 语句2;
- break;
- ……
- default:
- 语句N;
- break;
- }
2、注意事项: ①switch() 中的表达式,以及每个 case 后面的表达式,可以为任何 JS 支持的数据类型;(对象和数组不行) ②case 后面的所有常量表达式,必须各不相同,否则只会执行第一个; ③case 后的表达常量可以是任何数据类型,同一个 switch 结构的不同 case 可以是多种不同的数据类型; ④switch 结构在进行判断的时候,采用的是全等判断 ===; ⑤break 的作用:执行完 case 代码后跳出当前 switch 结构; >>> 缺少 break 的后果:从正确的 case 项开始,依次执行所有的 case 和 default 原因:⑥ ⑥switch 结构在判断时,只会判断一次正确答案,当遇到正确的 case 项后,将会不再判断后续项目,依次往下执行。 ⑦switch 结构的执行速率要快于多重 if 结构。在多路分支时,可优先考虑 switch 结构。
举个例子:
- var num4 = prompt(parseInt("输入一个数"));
- switch (num4+5){
- case 9:
- document.write("这是9的case块")
- break;
- case 10:
- document.write("这是10的case块")
- break;
- default:
- document.write("这是default的case块")
- break;
- }
输入一个数字,如果输入的是 4,则在屏幕上打印出 "这是 9 的 case 块"
如果输入的是 5,则在屏幕上打印出 "这是 10 的 case 块"
如果是其他的数字,则在屏幕上打印出 "这是 default 的 case 块"
【JS 中的循环结构】
一、【循环结构的步骤】 ①声明循环变量 ②判断循环条件 ③执行循环体 (while{} 中所有代码)操作 ④更新循环变量 然后循环执行② ③ ④ 二、【JS 中循环条件支持的数据类型】:所有数据类型(同 if) ①Boolean: true 真 false 假 ②String: 非空字符串为真,空字符串为假 ③Number:0 为假,非 0 均为真 ④Null/NaN/Undefined: 全为假 ⑤object:全为真
三、【while 循环】
- var n = 1; //声明循环变量
- while (n<=5){ //判断循环条件
- document.write("helloworlds<br />"); //执行循环体(while{}中所有代码)操作
- n++; //更新循环变量
- }
特点:先判断,再执行;*【do-while 循环】
- do{
- 语句
- }while();
特点:先执行,再判断;即便初始条件不成立,do-while 循环也至少执行一次
四、【for 循环】
- for (var n = 1,
- j = 5; n <= 5; n++, j--) {
- document.write("helloFor<br />")
- }
1、for 循环三个表达式,分别为:①定义循环变量 ②判断循环条件 ③更新循环变量 三个表达式之间,用; 分隔; for 循环三个表达式均可以省略,但两个 ";" 缺一不可 2、for 循环特点:先判断,再执行; 3、for 循环三个表达式均可以有多部分组成,之间用逗号分隔;但是第二部分判断条件需要用 && 连接,最终结果需要为真 / 假
五、【循环控制语句】 1、break:终止本层循环,继续执行循环后面的语句; >>> 当循环有多层时,break 只会跳过一层循环。 2、continue:跳过本次循环,继续执行下一次循环; >>> 对于 for 循环,continue 执行后,继续执行循环变量更新语句 n++ >>> 对于 while、do-while,continue 执行后,继续执行循环条件判断;所以使用这两个循环时,必须注意 continue 一定要在 n++ 之后使用。
- for(var n=1;n<=20;n++){
- if(n%3==0){
- //break;
- continue;
- }
- document.write(n+"/");
- }
如果是 break,则输出的结果是
如果是 continue,则输出的结果是
六、【循环嵌套】 外层循环转一次,内层循环转一圈
- for(var a=1;a<=5;a++){
- for(var b=1;b<=5;b++){
- document.write("*");
- }
- document.write("<br />");
- }
效果图:
好啦 ,今天就到这里,希望对你有些帮助。
来源: http://www.cnblogs.com/dealblog/p/6748177.html