js基础⑤

条件语句、循环语句

一、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先执行语句，再判断，所以至少会执行一次。同样注意无限循环导致浏览器奔溃。

 

七、退出循环

1、continue

2、break

 

对语句标记：

labelname:
{
  语句  
}

 

退出标记语句

break labelname; 
 
continue labelname;