循环的作用是重复的做某件事,JavaScript中的常用的循环语句有:while循环,do-while循环,for循环。
1.while语句
格式
while(条件表达式){
循环体;
条件控制语句;
}
2. do...while语句
格式:
do{
循环体;
条件控制语句;
}while(条件表达式);
例:
<script type="text/javascript">
// 模拟自动饮料机,当输入1-5中的任意整数,则给出对应的饮料,并提示是否继续购买饮料
var isBuy="yes"
do{
var num = prompt("请输入1-5之间的任意整数:")
switch (num){
case "1":
alert("可乐")
break;
case "2":
alert("雪碧")
break;
case "3":
alert("优酸乳")
break;
case "4":
alert("AD钙")
break;
case "5":
alert("爽歪歪")
break;
default:
alert("你输入的数字有误")
break;
}
isBuy=prompt("是否继续购买饮料yes/no:")
}while (isBuy=="yes")
</script>
3. for语句
格式:
for(初始化变量;条件判断语句;条件控制语句){
循环体
}
while和do-while循环的区别:
while : 先判断后执行循环体
do-while : 先执行循环体,后判断
所以无论什么条件,do..while都会至少执行循环体一次
break和continue的区别:
break:用于循环中,结束整个循环
continue;用于循环中,跳过当前循环,不影响下一次循环
switch...case的格式:
switch(变量的值){
case 值1:
执行语句1;
break;
case 值2:
执行语句2;
break;
.....
default:
执行语句n;
break;
}
例:
<script type="text/javascript">
var money = prompt("请输入数字")
switch (money){
case "1":
console.log("未付款")
break;
case "2":
console.log("已付款")
break;
case "3":
console.log("待发货")
break;
case "4":
console.log("已发货")
break;
case "5":
console.log("运输中")
break;
case "6":
console.log("已签收")
break;
default:
break;
}
</script>
函数
函数:函数可以实现重复使用,提高开发效率
格式: function 函数名(参数列表){
// 函数体
}
例:
// 计算两个数的和
cal(10,30)
function cal(a,b){
var c=a+b
console.log(c)
}
形参:形式参数,存在于函数定义的地方,并且它本身没有值
只有当函数调用时,通过实参传递过来,形参才有了意义
实参:实际参数,是具有具体的值,存在于函数调用的地方