未加星标

JavaScript基础知识(2) JavaScript基础知识 JavaScript知识

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二05 | 时间 2017 | 作者 红领巾 ] 0人收藏点击收藏

在本篇博客里,我们将介绍javascript中的条件判断语句。

if else

if else是JavaScript中非常基础和重要的条件判断结构,如下:

if(条件表达式){
如果该表达的结果true,那么程序执行该处代码语句
}else{
如果该表达的结果false,那么程序执行该处代码语句
}
我们来看一个非常简单的例子:
JavaScript基础知识(2) JavaScript基础知识 JavaScript知识
JavaScript基础知识(2) JavaScript基础知识 JavaScript知识

嗯哼,在这个示例中,我们需要根据用户的输入的年纪而做出不同的响应,这个该怎么做呢?请看如下代码:


在该示例中,我们获取到用户输入的年纪,再依据年纪值是否小于18而显示不同的内容。

if else的嵌套

有时简单的if else不能满足实际的需要,这时可嵌套使用if else,其结构如下:

if(条件表达式){
如果条件表达式结果为true则执行该处代码,后面的代码不再执行
}else if(条件表达式){
如果条件表达式结果为true则执行该处代码,后面的代码不再执行
}else if(条件表达式){
如果条件表达式结果为true则执行该处代码,后面的代码不再执行
}else{
如果以上条件均不满足则执行该处代码
}

请看如下示例:

<script type="text/javascript">
var number=prompt("请问你有几个女朋友?");
number=parseInt(number);
if (number0&&number

在此利用if else语句的嵌套依据用户输入值的不同做出相应的响应

三元运算符

三元运算符很像之前介绍的if else,其结构如下:

表达式 ? 如果表达式结果为true执行此处的代码 : 如果表达式结果为false执行此处的代码;

请看如下示例:


在该示例中如果number>0则执行alert(“不错喔”)否则执行alert(“单身狗,不哭”)

switch语句

switch语句用于基于不同的条件来执行不同的动作。

switch语句结构如下:

switch(m){
case n1:
执行代码块 n1
break;
case n2:
执行代码块 n2
break;
default:
m与case n1和case n2都不同时执行的代码块
}
请注意:
switch语句后的变量数据类型必须和case后的数据类型保持一致。

请看如下示例:


自增和自减
在编程中常用到变量的自增和自减,比如i++和++i以及i- -和- -i
在此以i++和++i为例,分情况对其进行详细介绍;i- -和- -i与此类似,不再赘述。
第一种情况:
如果变量i没有直接参与运算中,i++和++i表示的含义是:在变量原来的基础上加1

请看如下两个小示例:

<script type="text/javascript">
var number=9527;
number++;
document.write("number="+number+"
");
</script>

结果为:

number=9528

<script type="text/javascript">
var number=9527;
++number;
document.write("number="+number+"
");
</script>

结果为:

number=9528

第二种情况:
如果i++或者++i参与到运算中,那么i++表示先将i的值赋值给其他变量然后再自加1;++i表示先将i的值加1然后再赋值给其他变量

请看如下两个小示例:

<script type="text/javascript">
var number=9527;
var score=number++;
document.write("score="+score+"
");
document.write("number="+number+"
");
</script>

结果为:

score=9527
number=9528
<script type="text/javascript">
var number=9527;
var score=++number;
document.write("score="+score+"
");
document.write("number="+number+"
");
</script>

结果为:

score=9528
number=9528
while循环

while语句常用于执行循环操作,其结构如下:

while(条件表达式){
当条件表达式结果为true就一直执行while循环体内的代码。
当条件表达式的结果为false时while循环不再执行。
}

请看如下示例

<script type="text/javascript">
var i=1;
while(i");
i++;
}
</script>

结果为:

i=1
i=2
i=3
i=4

在该示例中只要i的值小于5就一直执行while中的操作,当i不再小于5时则跳出循环

do while循环

do while语句常用于执行循环操作,其结构如下:

do{
循环代码;
}
wile(条件表达式)

do wile的基本原理和while基本一致,但是它保证循环体至少被执行一次。因为它是先执行代码然后再判断条件。

请看如下示例:

<script type="text/javascript">
var i=1;
do{
document.write("i="+i+"
");
i++;
}
while(i!=3)
</script>

结果为:

i=1
i=2

在该示例中首先会去执行do中的语句,然后再判断是否满足while条件;如果满足则继续执行do中的语句,如果不满足则跳出循环。

for循环

for语句常用于执行循环操作,其结构如下:

for (初始化;条件;增量){
循环执行的代码;
}

请看如下示例:

<script type="text/javascript">
for(var i=0;i");
}
</script>

结果为:

i=0
i=1
i=2
i=3
i=4

从这个例子我们可以看到for循环的执行顺序:

首先进行变量初始化并进行循环条件判断 若判断结果为true则执行循环体内的代码然后执行i++ 继续判断循环条件,若为true则继续执行循环体内代码,否则跳出循环
break语句
break用于结束当前循环然后执行循环体之后的代码。
请看如下示例:
<script type="text/javascript">
for(var i=0;i");
if (i==2) {break;
};
}
document.write("for循环已经中止"+"
");
</script>

结果为:

i=0
i=1
i=2
for循环已经中止
continue语句

continue表示跳出本次循环,该continue语句后面的代码不再执行;但是整个循环体继续执行

请看如下示例:

<script type="text/javascript">
for(var i=0;i");
}
document.write("for循环执行完毕"+"
");
</script>

结果为:

i=0
i=1
i=3
i=4
for循环执行完毕

至此,关于JavaScript中常用的条件判断语句就已介绍完了。

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: JavaJavaScript数据变量博客
分页:12
转载请注明
本文标题:JavaScript基础知识(2) JavaScript基础知识 JavaScript知识
本站链接:http://www.codesec.net/view/530852.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(14)