美文网首页
红宝书之条件语句if

红宝书之条件语句if

作者: 楠楠_c811 | 来源:发表于2018-12-29 15:36 被阅读10次
    js中的条件语句分为两种

    1.分支语句 如if语句,switch语句等
    2.条件语句

    if语句

    if语句是大多数编程语言中常用的语句,主要作用是判断一个条件是不是成立,如果成立,执行成立后的代码,如果不成立,执行不成立的代码。
    语法结构为:

            if(condition){
                console.log("我是条件成立后执行的")
            }else{
                console.log("我是条件不成立执行的")
            }
    

    说白了就是个如果,否则的语句。
    如果条件成立,就走1,否则就走2。简单直白。
    不过需要注意的是condition(条件),就是这个判断的条件本身。
    判断条件可以是任意表达式,不要求他必须是布尔值。ES会自动调用boolean() 转换函数将这个表达式的结果转换为布尔值。
    if else 也可以用作多重判断,语法格式举例如下:

            let age = prompt("请输入您的年龄");
            if(age<18){
                alert("您还没有成年")
            }else if(age>=18 && age<=45 ){
                alert("恭喜您已经成年")
            }else{
                alert("年龄超限")
            }
            console.log(age)
    
    prompt() 弹出输入框

    他有两个返回值
    1,点击确定返回输入内容。
    2.点击取消,返回null。
    使用这个就可以使用户手动输入年龄,然后再来判断,并返回相应的结果。

    if语句的嵌套

    工作中不可避免有很多要使用if语句的场景,有的场景会要求如果一个条件成立,在这个 条件的基础上再次做判断。这时候就用到了if语句的嵌套。示例如下:

    let password = prompt('请设置6位数字密码')
            // 判断密码的长度是不是6位
            if(password.length != 6){
                alert("请输入6位数字密码")
            }else{
                //判断输入密码是不是数字
                if(isNaN(password)){
                    alert("密码必须是纯数字")
                }else{
                    alert("密码设置正确")
                }
            }
    

    涉及到的小知识点:
    length 长度
    语法:string.length
    功能:获取string字符串的长度
    返回值:number

    一个小练习,用来检测学过的东西,跟着流程走,想想运行结果会是什么。

     let str = "abc123"
            // 将str转换成整型重新赋值给num
            let num = parseInt(str);
            console.log(num) // NaN
            if(num = NaN){ // NaN 和任何东西都不相等,包括他自己
                alert(NaN)
            }else if(num == 123){
                alert(123);
            }else if(typeof num == "number"){
                alert("num");
            }else{
                alert("str")
            }
            // 运行结果为 num
    

    相关文章

      网友评论

          本文标题:红宝书之条件语句if

          本文链接:https://www.haomeiwen.com/subject/qtbulqtx.html