JavaScript条件语句-循环语句-跳转语句

作者: 鲁智深 分类: JAVASCRIPT 发布时间: 2015-12-04 23:28

在 JavaScript 中,语句使用分号(;)进行分隔。可以在每行编写一条语句,也可以在每行编写多条语句。

分类:

条件语句: JavaScript 解释器根据一个值判断是执行还是跳过指定语句。

if 语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var num = 100;
// 条件语句 - 表达式的结果控制是否执行指定的语句块
/*if ( num >= 100 ) {
    console.log(num);
}*/

/*
    * if关键字后的表达式的小括号不能被省略
    * 包含语句的语句块的大括号允许被省略的
      * JavaScript解析器默认认为表达式后的第一条语句就是被控制的语句
      * 被条件语句所控制的语句只能是一条
      * 注意 - 一般不建议
 */
/*if ( num > 100 )
    console.log(num);
console.log('这是if语句之后');*/

// 如果在if语句最后添加分号时 - 执行不会报错:1. 将分号解析为空语句;2. 性能下降
if ( num >= 100 ) {
    console.log(num);
};

if…else语句

1
2
3
4
5
6
var score = 50;
if(score >= 60){
    console.log('过关');
}else{
    console.log('不过关');
}

if…else嵌套语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var score = 50;
if(score >= 90){
    console.log('优秀');
}else{
    if(score >= 80){
        console.log('良好');
    }else{
        if(score >= 60){
            console.log('及格');
        }else{
            console.log('不及格');
        }
    }
}
//一个范围内的条件判断语句

else…if嵌套语句

1
2
3
4
5
6
7
8
9
10
var score = 59;
if(score >= 90){
    console.log('A');
}else if(score >= 80){
    console.log('B');
}else if(score >= 60){
    console.log('C');
}else{
    console.log('D');
}

switch case

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var num = 10;
switch(num){
    case 1:console.log('这是1');
    break;
    case 4:console.log('这是4');
    break;
    case 8:console.log('这是8');
    break;
    case 10:console.log('这是10');
    break;
    default:console.log('什么也不是');
}

//点对点的条件判断语句
//枚举

循环语句: JavaScript 解释器根据一个值判断是否重复执行指定语句。

while 循环语句

1
2
3
4
5
6
7
var num = 0;
while (num < 10){
   console.log(num);
   num++;
}

//循环语句类型与if语句,num变量是控制循环的关键变量,设置不正确会不出现死循环

do while 循环语句

1
2
3
4
5
var num = 0;
do{
    console.log(num);
    num++;
}while(num < 10);

do while 与 while 语句的区别

do while 语句与 while 语句的差别极小:

do while 语句: 先执行,再判断。

while 语句: 先判断,再执行。

当 while 关键字后面的条件第一次被执行的时候,如果返回结果是 false 的话:while 语句的语句块一次都不会被执行;而 do while 语句的语句块至少被执行一次。

for 循环语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
for(var num = 0; num < 10; num++){
    console.log(num);
}

//for (初始化表达式;条件判断表达式;循环操作表达式){
//         语句块;
// }

//特殊用法
var num = 0;
for( ;num < 10; ){
      console.log(num);
      num++;
}
//表达式全空都可以
// var num = 0;
// for( ; ; ){
//     console.log(num);
//     num++;
// }

for 嵌套循环语句

1
2
3
4
5
for(var num = 0 ; num < 10 ; num++){
    for(var j = 0; j < 10; j++){
        console.log(num+'+'+j+'='+ (num+j));
    }
}

for 循环应用案例,直角三角形,等边三角形,99乘法表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>循环嵌套的结构</title>
    <script>
        //循环嵌套的结构
        for(var num = 0 ; num<10 ;num++){
            for(var j=0 ; j<10 ; j++){
                document.write('*');
            }
            document.write('<br>');
        }
        document.write('<br>');
        document.write('<br>');
        document.write('<br>');
        //打印直角三角形
        for(var num = 0 ; num < 10 ; num++){
            for(var j = 0 ; j <= num ; j++){
                document.write('*');
            }
            document.write('<br>');
        }
        document.write('<br>');
        document.write('<br>');
        document.write('<br>');
        //打印倒直角三角形
        for(var i = 0 ; i <= 10 ; i++){
            for(var j = 10 ; j >= i; j--){
                 document.write('*');
            }
            document.write('<br>');
        }
        document.write('<br>');
        document.write('<br>');
        document.write('<br>');
        //打印等边三角形
        for(var i = 0; i<10; i++){
            for(var k = 0; k<10-i-1; k++){
                document.write('&nbsp;');
            }
            for (var j = 0; j <(i+i+1) ;j++){
                document.write('*');
            }
            document.write('<br>');
        }
        //打印倒等边三角形
        for(var i = 0; i<10; i++){
                for(var k = 10; k>10-i; k--){
                document.write('&nbsp;');
            }
            for(var j = 20; j >(i+i+1) ;j--){
                document.write('*');
            }
            document.write('<br>');
        }

        //99乘法表
        for(var i=1; i <10; i++){
            for(var j = 1; j<=i; j++){
                document.write(j + 'X' + i + '=' + (i *j ) + '&nbsp;&nbsp;');
            }
            document.write('<br>');
        }
    </script>
</head>
<body>
   
</body>
</html>

跳转语句: 使 JavaScript 解释器跳转到指定语句。

break 语句 continue 语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//break就是跳出循环并且终止全部循环
for(var num = 0; num <10 ; num++){
    if(num == 4){
        break;
    }
    console.log(num);
}

//continue就是跳出当前条件循环,后面值继续循环
for(var num = 0; num <10 ; num++){
    if(num == 4){
        continue;
    }
console.log(num);
}

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注