JS基础5-流程控制语句之条件（ifswitch）

Posted LuckyGJX

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS基础5-流程控制语句之条件（ifswitch）相关的知识，希望对你有一定的参考价值。

一、if语句

正如中文翻译一样，如果...则...。

技术分享图片 
<script type="text/javascript">
//只有两种情况下
    if(条件){
        要执行的语句块;
    }else{
        要执行的语句块;
    }
//多种情况下
    if(条件){
        要执行的语句块;
    }else if(条件){
        要执行的语句块;
    }else{
        要执行的语句块;
    }
</script>
通用格式

if(这个条件满足){则执行这个语句}

技术分享图片 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>流程控制语句(if,swith)</title>
<script type="text/javascript">
    var a=prompt();
    
    if(a==5){
        alert("a=5");
    }
        else{
            alert("a!==5");
        }
//    只有两种情况
    if(a<5){
        alert("a<5");
    }
        else if(a>=5&&a<=10){
            alert("a>=5并且a<=10");
        }
        else if(a>10&&a<20){
        alert("a>10并且a<20");
    }
        else{
            alert("a不在范围内");
        }    
        
    </script>
</head>

<body>

</body>
</html>
例子1
技术分享图片 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
    var a=prompt();
    if(a>=0&&a<=100){
        alert("a∈[0,100]");
    }
    else{
        alert("a?[0,100]");
    }
    var b=prompt();
    if(b<=50&&b>=0){
        alert("使劲努力，不要偷懒！");
    }
    else if(b>=50&&b<=60){
        alert("就差一点点，再加把劲");
    }
    else if(b>=80&&b<=100){
        alert("你学的不错，值得表扬");
    }
    else if(b>=60&&b<=80){
        alert("你已经进步了很多");
    }
    else{
        alert("满分一百");
    }
    var manheight=prompt("请输入男士身高");
    var manweight=prompt();
    if(manweight-manheight+100>=-3&&manweight-manheight+100<=3){
        alert("您的体重很标准");
    }
    else{
       alert("您需要更健康的生活方式");
    }
    var womenheight=prompt();
    var womenweight=prompt();
    if (womenweight-womenheight+110>=3&&manweight-manheight+110<=3){
        alert("您的体重很标准");
    }
    else{
        alert("您需要更健康的生活方式");
    }
</script>
</head>

<body>
</body>
</html>
例子2
技术分享图片 
    var a=parseFloat(prompt("请输入一元二次方程二次幂系数a(a不等于0)"));
    var b=parseFloat(prompt("请输入一元二次方程一次幂系数b"));
    var c=parseFloat(prompt("请输入一元二次方程常数"));
    if("(b*b)-(4a*c)>0"){
        document.write("次方程有两个实根");
    }
    else if("(b*b)-(4a*c)==0"){
        document.write("次方程有且只有单根");
    }
    else if("(b*b)-(4a*c)<0"){
        document.write("次方程无实数根");
    }
    else{
        document.write("请输入正确值");
    }
一元二次方程跟

二、switch

<script type="text/javascript">
    switch(表达式){
        case 值1：执行的语句块:break;
        case 值2：执行的语句块:break;
        case 值3：执行的语句块:break;
        ...
        default：执行的语句块;
    }
</script>

csae 值：这个值必须和选取的那个地方的值的类型相同 输入这个值时并不默认为字符串类型，输入数字时是默认数值类型

技术分享图片 
    var a=prompt("请输入今天是几号");
    var    b=parseInt(a);
    switch(b){
        case 2.26:
            alert("今天是周一");break;
        case 2.27:
            alert("今天是周二");break;
        case 2.28:
            alert("今天是周三");break;
        case 3.1:
            alert("今天是周四");break;
        case 3.2:
            alert("今天是Friday");break;
        case 3.3:
            alert("今天是Starday");break;
        case 3.4:
            alert("今天是Sunday");break;
    }
例1
技术分享图片 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Date对象</title>
<script type="text/javascript">
    //Date
    var d1=new Date();//创建儿子的第一种方法
//    document.write(d1.toString()+"<br>");
    //第二种创建方式
//    var d2=new Date("2009-02-28 18:18:18");
//    document.write(d2.toDateString());
        
    d1.setFullYear(2018);
    d1.setMonth(0);
    d1.setDate(18);
    
    
    var year=d1.getFullYear();
    var month=d1.getMonth()+1;
    var date=d1.getDate();
    var day=d1.getDay();
    switch(day){
        case 0:
            day="星期天";
            break;
        case 1:
            day="星期一";
            break;
        case 2:
            day="星期二";
            break;
        case 3:
            day="星期三";
            break;
        case 4:
            day="星期四";
            break;
        case 5:
            day="星期五";
            break;
        case 6:
            day="星期六";
            break;
        default:
            day="错误数据"
    }
    document.write(year+"年"+month+"月"+date+"日"+day);

    </script>
</head>

<body>
</body>
</html>
获取时间
技术分享图片 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function test(){
    var a=document.getElementById(‘name‘).value;
    var b=document.getElementById(‘sex‘).value;
    var c=document.getElementById(‘hello‘);
    var e=/\w/;
    var res=e.test(a);//正则表达式要跟上一个判断或返回
    if(a==""){
        alert("必须输入姓名才能弹出");
    }
//    else if(!isNaN(a)){
//        alert("必须输入非数字才可以");
//    }
    else if(res==true){
        alert("请输入单词字符");
    }
    else if(a!==""){
        switch(b){
        case "s"://csae 值：这个值必须和选取的那个地方的值的类型相同 输入这个值时并不默认为字符串类型，输入数字时是默认数值类型
            alert(a+"你好");
            break;
        case "man":
            alert(a+"先生你好");
                break;
        case "woman":
                alert(a+"女士你好");
                break;
            default:
                alert("错误数据");
    }
    }
}    
</script>
</head>

<body>
<div>
    <input type="text" placeholder="姓名" id="name">
    <select name="" id="sex">
        <option value="s">性别</option>
        <option value="man">男</option>
        <option value="woman">女</option>
    </select>
    <input type="button" value="问候" id="hello" onClick="test()">
</div>
</body>
</html>
例二-问候

 

 

<script type="text/javascript">

//只有两种情况下

if(条件){

要执行的语句块;

}else{

要执行的语句块;

}

//多种情况下

if(条件){

要执行的语句块;

}else if(条件){

要执行的语句块;

}else{

要执行的语句块;

}

</script>

以上是关于JS基础5-流程控制语句之条件（ifswitch）的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript之基础-6 JavaScript 分支结构 （ifif-elseelse ifswitch-case）

Golang-程序流程控制 ifswitch

js基础——流程控制语句

java 流程控制基础之if else

shell基础之if语句

大数据技术之_23_Python核心基础学习_02_ 流程控制语句 + 序列（10.5小时）