前端开发js if else 和 switch case 语句

前端开发应届生招聘信息
前端开发专家招聘
前端移动开发招聘

if语句有三种情况:

第一种(1):单个 if语句(当指定条件为真true时,就会执行该条件语句)
例(1):
html 代码

<script>
    var x = 10
    var y = ‘ ‘
    if (x == 10) {
        y = ‘x为10’
    }
    document.write(y)
</script>

第二种(2):if…else语句(一般是使用在两种判定情况下使用)
例(2):
html 代码

<script>
    var x = ‘ ‘
    var y = ‘array’
    if (isNaN(y)) {
        x = ‘y不是数字’
    } else {
        x = ‘y是其它’
    }
    document.write(x)
</script>

第三种(3):if…else if …else语句(这种适用于两种以上六种一下的判断使用,因为六种以上一般会使用switch语句——说是效率快)
例(3):
html 代码

<script>
    var x = ‘ ‘
    var y = 10
    if (y < 7) {
        x = ‘y小于7’
    } else if (y >= 7 && y < 12) {
        x = ‘y大于或等于7但小于12’
    } else {
        x = ‘y大于或等于12’
    }
    document.write(x)
</script>
<script>
    var x = ‘ ‘
    var y = 10
    if (y < 7) {
        x = ‘y小于7’
    } else if (y >= 7 && y < 12) {
        x = ‘y大于或等于7但小于12’
    } else {
        x = ‘y大于或等于12’
    }
    document.write(x)</script
><script>
    var x = ‘ ‘
    var y = 10
    if (y < 7) {
        x = ‘y小于7’
    } else if (y >= 7 && y < 12) {
        x = ‘y大于或等于7但小于12’
    } else {
        x = ‘y大于或等于12’
    }
    document.write(x)</script
><script>
    var x = ‘ ‘
    var y = 10
    if (y < 7) {
        x = ‘y小于7’
    } else if (y >= 7 && y < 12) {
        x = ‘y大于或等于7但小于12’
    } else {
        x = ‘y大于或等于12’
    }
    document.write(x)</script
><script>
    var x = ‘ ‘
    var y = 10
    if (y < 7) {
        x = ‘y小于7’
    } else if (y >= 7 && y < 12) {
        x = ‘y大于或等于7但小于12’
    } else {
        x = ‘y大于或等于12’
    }
    document.write(x)</script
><script>
    var x = ‘ ‘
    var y = 10
    if (y < 7) {
        x = ‘y小于7’
    } else if (y >= 7 && y < 12) {
        x = ‘y大于或等于7但小于12’
    } else {
        x = ‘y大于或等于12’
    }
    document.write(x)</script
><script>
    var x = ‘ ‘
    var y = 10
    if (y < 7) {
        x = ‘y小于7’
    } else if (y >= 7 && y < 12) {
        x = ‘y大于或等于7但小于12’
    } else {
        x = ‘y大于或等于12’
    }
    document.write(x)
</script>

接下来就是switch语句了(说起switch语句就想到case,break,default)使用在较多的选择上,使用时要注意switch后面的常量,注意是常量!!!

例子:
html 代码

<script>
    var x = ‘ ‘
    var time = new Date().getDay() //获取日期精确到星期几,有日,一,二,三到六;
    switch (
        time //switch后面跟着的必须是常量,即time为常量,如今的time是日,一,二到六;
    ) {
        case 0:
            x = ‘今天是周日’
            break
        case 1:
            x = ‘今天是周一’
            break
        //以此类推
        default:
            x = ‘今天肯定不是周一和周日,是周二到周六七种一天’
            break
    }
    document.write(x)
</script>

可以用switch来取一个范围和区间

例如:(记住0是偶数哦!!!)

html 代码

<p><input id=”demo” type=”text” value=”请输入0~12之间的数字” /></p>
<button type=”button”>点击我</button>
<script>
    var btn = document.getElementsByTagName(‘button’)
    btn[0].addEventListener(‘click’, function() {
        var x = ‘ ‘
        var nbm = document.getElementById(‘demo’).value
        switch (nbm / 2) {
            case 0:
            case 1:
            case 2:
            case 3:
            case 4:
            case 5:
            case 6:
                x = ‘输入的是偶数’
                break
            default:
                x = ‘输入的是奇数’
                break
        }
        document.write(x)
    })
</script>
西安web前端开发招聘
长阳web前端开发招聘
济宁招聘前端开发
» 本文来自:前端开发者 » 《前端开发js if else 和 switch case 语句》
» 本文链接地址:https://www.rokub.com/7799.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!