码迷,mamicode.com
首页 > Web开发 > 详细

js基础⑤

时间:2017-07-17 22:13:04      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:一个   color   else   比较   bsp   自动   表达式   变量   工作原理   

条件语句、循环语句

一、if·

1、if

语法:

if (条件)
  {
  只有当条件为 true 时执行的代码
  }

2、if else

语法:

if (条件)
  {
  当条件为 true 时执行的代码
  }
else
  {
  当条件不为 true 时执行的代码
  }

3、if elseif else

语法:

if (条件 1)
  {
  当条件 1 为 true 时执行的代码
  }
else if (条件 2)
  {
  当条件 2 为 true 时执行的代码
  }
else
  {
  当条件 1 和 条件 2 都不为 true 时执行的代码
  }

ps:else if可使用多次,最后的else语句不能再判断条件了。

 

二、switch

语法:

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

default关键词:位于最后,当前面的所有条件(case)不匹配时,执行default后的语句

var day=new Date().getDay();
switch (day)
{
case 6:
  x="Today it‘s Saturday";
  break;
case 0:
  x="Today it‘s Sunday";
  break;
default:
  x="Looking forward to the Weekend";
}

 

三、for

语法:

for (语句 1; 语句 2; 语句 3)
  {
  被执行的代码块
  }

语句 1 在循环(代码块)开始前执行


语句 2 定义运行循环(代码块)的条件


语句 3 在循环(代码块)已被执行之后执行

ps:语句1,2,3都是可省略的

 

省略时的语法:

//省略语句1:
var i=2,len=cars.length;
for (; i<len; i++)
{
document.write(cars[i] + "<br>");
}
//省略语句2
for (var i=0,len=cars.length; ; i++)
{
document.write(cars[i] + "<br>");
break
}
//若省略语句2,这时默认为True,会导致无限循环,从而浏览器奔溃,务必在合适的位置加上break
//省略语句3
var i=0,len=cars.length;
for (; i<len; )
{
document.write(cars[i] + "<br>");
i++;
}

 

四、for in

创建:

<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56}; 

for (x in person)
{
txt=txt + person[x]+‘<br>‘;

}

document.getElementById("demo").innerHTML=txt;
}
</script>

//结果:
Bill
Gates
56

 

五、while

语法:

while (条件)
  {
  需要执行的代码
  }

ps:同样注意无限循环导致浏览器奔溃

 

六、do while

语法:

do
  {
  需要执行的代码
  }
while (条件);

ps:与while几乎一样,唯一的区别是do while先执行语句,再判断,所以至少会执行一次。同样注意无限循环导致浏览器奔溃。

 

js基础⑤

标签:一个   color   else   比较   bsp   自动   表达式   变量   工作原理   

原文地址:http://www.cnblogs.com/dyzne/p/7197368.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!