声明:此篇简书是参照尚硅谷网站内视频而写,其内的观点是由尚硅谷视频内讲解内容以及自己理解所汇集写的,如有侵犯版权或不对的地方,请直接在下面留言,我会及时作出修改,谢谢!
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("不嫁!");
}
*/
到这里那就已经结束了,至于效果那只能你们自己去试验一下了。
注:需要注意的是两个判断中的 “&&” 和 “||” 这两个符号的意思,不然在今后的代码中写很多个判断,这样写的好处是为了节俭代码量,和代码在执行判断时所需要的时间,总之能把同等级的判断写在一个判断条件内的,尽量不要分开写。
在上面我把自己所理解的 “&&” 和 “||” 这两个符号的意思,做了简单的阐述,如果看不懂只能建议你去百度上搜一下了。
最后就是这个简书可以打赏,虽然写这个并不是为了打赏,但是呐,我也不拒绝哦 _