JS语句 | 易学教程

JS语句包括：

1.顺序语句
2.分支语句： if...else
switch...case
3.循环语句

一.先看顺序语句：

   </body>
    <script type="text/javascript">
    alert("hello");
    
    </script>
</html>

二.分支语句：if语句

1.最简单的if语句（如果赋予a的值<=10,那么这段代码就不会跳转页面显示出来）

<script type="text/javascript">
  var a = 12;
    if(a>10){
        alert("A的值大于10");
    }
    
 </script>

 2.if...else

  <script type="text/javascript">
   
    var a = 4;
    if(a>10){
        alert("A的值大于10");
    }else{
        alert("A的值不大于10");
    }
    
    </script>

if...else的另一种写法：

  <script type="text/javascript">
    var a = 4;
    /*if(a>10){
        alert("A的值大于10");
    }else{
        alert("A的值不大于10");
    }*/
    if(a>10)
        alert("A的值大于10");
    else
        alert("A的值不大于10");
    
    </script>

3.if...else if...

  <script type="text/javascript">
    
    var a = 4;
    if(a<10){
        alert("A的值小于10");
    }else if(a==10){
        alert("A的值等于10");
    }else{
        alert("A的值大于10");
    }

    </script>

 4.if嵌套

 <script type="text/javascript">
    var a = 12;
   
    if(a>=10){
        if(a==10){
            alert("A=10");
        }else{
            alert("A>10");
        }
    }else{
        alert("A的值不大于10");
    }

    </script>

分支语句：switch...case语句

 <script type="text/javascript">
    var a = 6;
    switch(a){
        case 1:
            alert("11111");
            break;      ------------------------------break;代表跳出整个循环
        case 2:
            alert("22222");
            break;
        case 3:
            alert("33333");
            break;
        case 4:
            alert("44444");
            break;
        case 5:
            alert("55555");
            break;
        default:
            alert("A的值不在范围内");
    }

    </script>

switch...case语句实例：

输入两个数，再输入一个运算符，计算结果

 <script type="text/javascript">
    var a = parseInt(prompt("请输入第一个数字："));
    var b = parseInt(prompt("请输入第二个数字："));
    
    var c = prompt("请输入运算符：");
    
    switch(c){
        case "+":
            alert(a+b);
            break;
        case "-":
            alert(a-b);
            break;
        case "*":
            alert(a*b);
            break;
        case "/":
            alert(a/b);
            break;
        case "%":
            alert(a%b);
            break;
        default:
            alert("输入的运算符有误");
    }

    </script>

三.循环语句1.for循环

四要素：初始值循环条件状态改变循环体

<script type="text/javascript">             
    for(var i=0;i<10;i++){        alert(i);

} </script>

i=0; --------初始值(只有第一次循环才走）

i<10; -------循环判断条件

i++; ------状态改变

alert(i); ------循环体

（初始值--判断条件--循环体--状态改变）--（判断条件--循环体--状态改变）--（判断条件--循环体--状态改变）--....

i++; -----------相当于自身+1 即 i=i+1;
i--; -----------相当于自身—1 即 i=i-1;

<script type="text/javascript">
    var i =1;
    var b = i++;
    alert(b);     
   </script>在这里面var b = i++;   先把i的值赋予b，在进行i+1，即  var b=i;i=i+1;

对比下面这段代码

 <script type="text/javascript">
    var i =1;
    var b = ++i;
    alert(b);
    

    </script>

在这里面var b = ++i;   先运行i+1,再把i的值赋予b，即i=i+1; var b=i;

break;代表跳出整个循环

continue;代表跳出本次循环

2.while循环

 <script type="text/javascript">
    var i=0;
    while(true){
        alert(i);
        if(i>10)
        {
            break;
        }
        i++;    
        }
    
    </script>

当运行到i=11时，循环自动结束

四.练习题

1.输出100以内的奇数

  <script type="text/javascript">
    var str = "";
    for(var i=1;i<100;i++){
        if(i%2!=0){
            str = str+i+",";
        }
    }
    alert(str)
    </script>

2.输出100以内与7相关的数字

 <script type="text/javascript">
    var str = "";
    for(var i=1;i<100;i++){
        if((i%7==0)||(i%10==7)||((i-i%10)/10==7)){
            str = str+i+",";
        }
    }
    alert(str);
    </script>

3.求1-10的阶乘

 <script type="text/javascript">
    var sum = 1;
    for(var i=1;i<11;i++){
        sum = sum*i;
    }
    alert(sum);
    </script>

4.篮球从5米的高度落下，落到地之后每次弹起的高度是原来的30%，求弹起第6次的时候高度是多少？

 <script type="text/javascript">
    var gao = 5;
    for(var i=0;i<6;i++){
        gao = gao*0.3;
    }
    alert(gao);
    </script>

5.一个芝麻是0.000001kg,我们将芝麻往一个有32格的棋盘里面放，第一个格子放1个，第二个放2个，第三个放4个，第四个放8个，依次类推，问放满该棋盘需要多重的芝麻。

 <script type="text/javascript">
    var sum = 1; 
    var a = 1;
    for(var i=1;i<32;i++){
        a = a*2; 
        sum = sum + a;
    }
    alert(sum*0.000001)
    </script>