JavaScript语句的使用

Posted xoxobool

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript语句的使用相关的知识，希望对你有一定的参考价值。

1.语句一般分为：顺序语句、分支语句和循环语句

  顺序语句：就是按照顺序来执行的语句

  分支语句：就是if语句（if语句的包含方式有四种）

  循环语句：就是for()语句

2.if语句的四种格式：

格式一：if(){}若满足就进入花括号，若不满足则跳过<br />
格式二：if(){}else{} 二选一。若if满足则else一定不执行。反之，else一定执行<br />
格式三：if(){}else if(){}...else{} 多选一。若前面有某一项满足，则此项后面的所有直接跳过。若之前的所有都不满足，则必须执行else<br />
格式四：if的嵌套 在大的范围之内还有什么小的情况<br />

循环的作用：反复执行某段代码

循环语句的四要素：初始条件、循环条件、循环体、状态改变

sum=0;

for(var i=1;i<=b;i++)

{

　　sum+=i;

}

 

以上的例题是表示从和的累加

3.分支语句的练习：

练习：相亲过程：你有房子么？你有钱么？你有能力么？
【结婚吧】【先买房子在结婚】【先赚钱再买房子再结婚】都没有【拜拜~~】
利用if嵌套做相亲过程<br /><br />

 1 var a = prompt("你有房子么？");
 2 if(a!=null)
 3 {
 4     if(a=="有")
 5     {
 6         alert("结婚吧！")    
 7     }    
 8     else//除了有之外的剩下的所有
 9     {
10         if(a=="没有")
11         {
12             a=prompt("那你有钱么？");
13             if(a!=null)
14             {
15                 if(a=="有")
16                 {
17                     alert("先买房子再结婚")
18                 }
19                 else
20                 {
21                     if(a=="没有")
22                     {
23                         a = prompt("那你有能力么？");
24                         if(a!=null)
25                         {
26                             if(a=="有")
27                             {
28                                 alert("先赚钱再买房子再结婚");    
29                             }
30                             else
31                             {
32                                 if(a=="没有")
33                                 {
34                                     alert("拜拜！！")
35                                 }
36                                 else
37                                 {
38                                     alert("输入有误！")    
39                                 }    
40                             }    
41                         }
42                     }
43                     else
44                     {
45                         alert("输入有误！")    
46                     }    
47                 }    
48             }
49         }
50         else
51         {
52             alert("输入有误！")    
53         }
54     }
55 }

 

2.输入三个整数，xyz，最终以从小到大的方式输出。利用嵌套。<br />

<body>
<input  type="number" id="a1" value=""/>
<input type="number" id="a2" value=""/>
<input type="number" id="a3" value=""/>
<input type="button" value="按照从小到大排序"  onclick="check()" /><br />
</body>
</script>
function check()
{
    var x=document.getElementById("a1").value;
    var y=document.getElementById("a2").value;
    var z=document.getElementById("a3").value;
    if(x!=""&&y!=""&&z!="")
    {
        if(x<y&&x<z)
        {
            if(y<z)
            {
                alert(x+" "+y+" "+z)
            }
            else if(y>z)
            {
                alert(x+""+z+""+y)
            }
        }
        else if(y<x&&y<z)
        {
            if(x<z)
            {
                alert(y+""+x+""+z)
            }
            else if(x>z)
            {
                alert(y+""+z+""+x)
            }
        }
        else
        {
            if(x<y)
            {
                alert(z+""+x+""+y)
            }
            else if(y>x)
            {
                alert(z+""+y+""+z)
            }
        }
    }
    
}
</script>

 

<body>
输入三个整数，xyz，最终以从小到大的方式输出。利用中间变量。<br />
<input type="number" id="n1" value=""/><br />
<input type="number" id="n2" value=""/><br />
<input type="number" id="n3" value=""/><br />
<input type="button" value="按照从小到大排序" onclick="paixu()"/><br />
</body>
<script>
function paixu()
{    

    var x=parseFloat(document.getElementById("n1").value);
    var y=parseFloat(document.getElementById("n2").value);
    var z=parseFloat(document.getElementById("n3").value);
    var middle;
    if(x>y)
    {
        middle=x;
        x=y;
        y=middle;
    }
    if(x>z)
    {
        middle=x;
        x=z;
        z=middle;
    }
    if(y>z)
    {
        middle=y;
        y=z;
        z=middle;
    }
    alert(x+""+y+""+z)
}
</script>

循环语句的练习：

案例：找出100以内与7有关的数并打印<br />
（1）.从1找到100<br />
（2）.找出与7有关的数<br />
个位数是7 a%10==7<br />
十位数是7 a/10 ==7<br />
能被7整除 a%7 ==0<br />

 1 <body>
 2 <input type="button" value="找出100以内与7有关的数" onclick="zhao()" /><br />
 3 
 4 </body>
 5 <script>
 6 function zhao()
 7 {
 8     var str="";
 9     for(var i =1;i<=100;i++)
10     {
11         if(i%10==7||i%7==0||parseInt(i/10)==7)
12         {
13             str+=i+"  ";    //str=str+i+"  ";
14             
15         }
16     }
17     alert(str);    
18         
19 }
20 
21 </script>

 

 

以上是关于JavaScript语句的使用的主要内容，如果未能解决你的问题，请参考以下文章

48个值得掌握的JavaScript代码片段（上）

JavaScript 代码片段

如何将此 JavaScript 代码片段翻译成 Parenscript？

Javascript代码片段在drupal中不起作用

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象