多语言展示
当前在线:156今日阅读:84今日分享:32

教你几招,轻松搞定javascript的条件判断语句

Hi,各位帅哥美女们,大家好,新的一天又开始了,昨天大家学的怎么样啊,下去记了吗?今天小编又给大家带来了好的东西给大家分享哦,希望想学编程的朋友无论你是小白还是在职也罢,不要错过,惊喜多多哦!从这刻开始,咱们开始进入javascript的编程殿堂—条件语句,怎么样,很期待吧,下面,就让我们一起开始吧!
工具/原料
1

电脑、编译工具(editPlus)

2

调试工具(谷歌浏览器)、手机等

方法/步骤
1

我们先来认识一下什么是javascript的条件语句:javascript条件语句通常包括两种:一是咱们经常要用到的if…else语句,一种是不常用的switch…case语句;其作用是判断当一个条件满足需求时执行什么语句,不满足的时候执行什么语句。举个例子:定义一个变量num并给num赋值,判断当num大于等于1小于10的时候,输出:我是小鲜肉;大于等于10小于20的时候,输出:我是美女;大于等于20小于30的时候,输出我是大叔;大于等于30小于40的时候,输出我是帅哥;大于等于40小于50的时候,输出:拜托,我是个小学生,什么也不懂好不好!打开编辑工具,用行内样式在标签里面输入javascript代码,具体如下图:

2

在桌面新建一个文件夹:条件判断,并把程序文件后缀名为.html,编码格式为utf-8的程序文件保存在文件里,然后选择用谷歌浏览器打开或者是右击检查,找到开发者工具,打开控制台,结果如下图:

3

考一考你:怎么样,懵了吧!大家想知道为什么结果会是这个情况吗?各位兄弟姐妹们大哥是否还记得前面我们讲过,javascript是一个单线程语言,程序是从上而下执行的,当条件满足45的时候,就会输出其对应的结果。怎么样,学到了吧!在这里大家必须得记住:如果同时满足多个条件,只会执行第一个条件成立的程序,其最终结果是为了得到布尔值:true或者是false。

4

二:switch case 用法如下:

5

在switch的括号里面,是用来存放变量的值,case程序后面跟的也是值,可以有多句case,如果当某个条件满足其值的话,就执行后面的语句,然后使用break跳出语句,如果一个值都不满足,使用default语句,如下例:定一个name变量并赋值为李四,当条件满足其值的时候,执行case后面的语句,然后跳出结束,否则执行default后面的语句,具体代码如下图:

6

保存程序代码到文件夹,选择用谷歌浏览器打开,找到开发者工具,点击控制台,其结果如下:

7

动动脑:大家看上面的输出结果:名字是李四,在卖锗肉。那么,大家想明白没有,为什么会是这样的,而不是张三,王五呢?咱们来分析一下:首先,我们定义了一个变量name其值为李四,然后使用switch case语句来判断是否有条件满足李四这个名字,如果有,执行case后面的语句,然后break跳出,不在执行后面的语句,如果没有,就执行default的语句,怎么样,不知道讲到这各位编程好友吗听懂了没啊,大家可以照着试试,举一反三,更改一下变量名,看看结果会有什么变化哦!

8

注:不知道大家看到代码输出的结果没有,有没有一小小的疑问呢?大家看上面的代码如第一个case的输出语句括号里面有一个name,+,’卖猪肉’,再看我们代码的执行结果是:李四:卖锗肉。小编在这里给大家提醒一点:这叫字符串的拼接,首先输出的是定义的变量值,这里的变量可不需要引号哦,然后用加号连接我们要输出的内容并加引号,引号可是成双出现的,少一个程序就会报错,各位小白们在编写程序的时候可要认真仔细,千万不要漏写或多写哦。

9

好了,今天就到这吧,不知道有没有帮到你,喜欢的话请多多关注和加粉,明天小编还有更精彩的内容和大家分享哦,拜拜!

注意事项
1

判断语句的运用方法

2

if…else与switch语句的输写规范

推荐信息