JS基础 - - if 练习二

声明:此篇简书是参照尚硅谷网站内视频而写,其内的观点是由尚硅谷视频内讲解内容以及自己理解所汇集写的,如有侵犯版权或不对的地方,请直接在下面留言,我会及时作出修改,谢谢!

if 的使用和条件、与:“&&”、或:“||”的使用,下面会详细说明一下,并在下面说的时候,会使用一个小案例来举例说明:

题:

  • 大家都知道,男大当婚,女大当嫁。那么女方家长要嫁女儿,当然要提出一定条件
  • 高:180cm以上;富:1000万以上;帅:500以上;
  • 如果这三个条件同时满足,则:“我一定要嫁给他!”
  • 如果这三个条件有为真的情况,则:“嫁了吧,比上不足,比下有余。”
  • 如果这三个条件都不满足,则:“不嫁!”

注:这是一个题,并且有三个条件,满足三个条件才算完成题目;

首先来看一下第一个要求:

  • 如果这三个条件同时满足,则:“我一定要嫁给他!”

第一步是先声明三个 var,分别是:height (身高)、money(财富) 、face(颜值)

var height = prompt("请输入你的身高(cm):");
var money = prompt("请输入你的财富(万):");
var face = prompt("请输入你的颜值(px):");

这里简单说一下这个 prompt() 是个什么东西,w3school官方解释为:prompt() 方法用于显示可提示用户进行输入的对话框。这个声明后会在页面弹出一个带有标题、输入框、两个按钮(取消、确定)的效果,这里为什么不写input标签,是为了方便测试而写的,prompt()在以后开发中会经常用到。

接着继续来说;

第二步开始写 if 判断

/*

if(height > 180 && money > 1000 && face > 500) {    

    //如果这三个条件同时满足,则:“我一定要嫁给他!”

    //此判断应读:height 大于 180 同时 money 大于 1000 同时 face 大于 500
    
    //说明:           
    // 在判断中这个符号必须有“&&”,这个符号叫与,也可以叫同时。
    //此符号在判断条件中经常会使用到,切记此符号的意思,不然在以后写判断是还需要去查。与:“&&”;
    //此判断因为有‘&&’此符号,所以必须同时满足条件
                
    //如果所获取的height、money、face的值是分别是180、1000、500的话,
    //这个判断不会成立,如果其中一个或多个不相同那么这个判断也不会成立。
    //如果height、money、face的值都大于180、1000、500的话,这个判断则会成立,
    //哪怕只大一个数或者0.01个数都会成立,成立的条件必须是“height > 180 && money > 1000 && face > 500”.     

    alert("我一定要嫁给他!");      
}

*/

第二步先看第二个条件是什么

// 如果这三个条件有为真的情况,则:"嫁了吧,比上不足,比下有余。"

接着上面的 if 判断来写
/*

 else if(height > 180 || money > 1000 || face > 500) {

    //此判断应读:height 大于 180 或 money 大于 1000 或 face 大于 500
    
    //说明:       
    //在判断中这个符号“||”叫或,或:“||”;此符号在判断条件中经常会使用到,
    //切记此符号的意思,不然在以后写判断是还需要去查。
    //此判断因为有‘||’此符号,所以必须满足一个或多个条件,判断才会成立;
                
    //如果所获取的height、money、face的值与判断条件内的三个或其中一个值小于180、1000、500的话,
    //这个判断不会成立。
                
    alert("嫁了吧,比上不足,比下有余。");
  }

*/

第三步 也是看看条件是什么

//如果这三个条件都不满足,则:“不嫁!”

从这个判断条件来看,这已经是最后一个条件了,这也就是说不用写 else if 这个格式了,直接写 else 就行了,因为上面两个判断条件已经把九层的事都做了,最后一层也就不用写判断条件了。

还是接着上面的代码写

/*

 else {

     //如果这三个条件都不满足,则:“不嫁!”

     //如果上面两个判断条件都不符合、成立,那么此 else 会被执行
            
        alert("不嫁!");
}

*/

到这里那就已经结束了,至于效果那只能你们自己去试验一下了。

注:需要注意的是两个判断中的 “&&” 和 “||” 这两个符号的意思,不然在今后的代码中写很多个判断,这样写的好处是为了节俭代码量,和代码在执行判断时所需要的时间,总之能把同等级的判断写在一个判断条件内的,尽量不要分开写。

在上面我把自己所理解的 “&&” 和 “||” 这两个符号的意思,做了简单的阐述,如果看不懂只能建议你去百度上搜一下了。

最后就是这个简书可以打赏,虽然写这个并不是为了打赏,但是呐,我也不拒绝哦 _

请各位打赏哦!
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • .bat脚本基本命令语法 目录 批处理的常见命令(未列举的命令还比较多,请查阅帮助信息) 1、REM 和 :: 2...
    庆庆庆庆庆阅读 8,214评论 1 19
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,330评论 0 7
  • 文章图片上传不正常,如需文档,可联系微信:1017429387 目录 1 安装... 4 1.1 配置探针... ...
    Mrhappy_a7eb阅读 6,503评论 0 5
  • 小时候 我呆呆的看着外面 丝毫不惧阳光的直射 你夸我的眸子最澈亮 现如今 我醉意朦胧望向远方 夜雨逼得我睁不开眼 ...
    凌家龙少阅读 341评论 2 4