🍖JS流程控制
一.if ... else if ... else
1.if ... else
var height = 180;
if(height > 175){
console.log("OK");
}else {
console.log("NO");
}
2.if ... else if ... else
var weather = 'sunny';
if(weather === 'sunny'){
console.log('天气很好，出去玩');
}
else if(weather ==='rainy'){
console.log('下雨，在家玩');
}
else if(weather ==='snowing'){
console.log('下雪，出去玩雪');
}
else{
alert('输入非法，重新输入');
}
二.switch
ps : switch中的case子句通常都会加break语句，否则程序会继续执行后续case中的语句
var weather = 'sunny';
switch(weather){
case 'sunny':
alert(1);
break; //如果不break就会一直进行下去
case 'rainy':
alert(2);
break;
case 'snowing':
alert(3);
break;
default:
alert(4);
}
三.三元运算
- 语法 :
var [变量名] = [条件] ? [真的执行这个] : [假的执行这个]
var isresult = 7 < 2 ? 'OK' : 'NO';
alert(isresult); // "NO"
四.for 循环
- 语法:
for([初始化条件];[结束条件];[递增条件]){
// 需要执行的代码
}
- 示例
// 0~1000之和
var i;
var sum = 0;
for (i = 1; i <= 1000; i++){
console.log(i);
sum += i;
}
console.log(sum);
- 示例
var shopping = ['香蕉','苹果','牛奶','红牛']; // 定义一个数组
var j;
for(j = 0;j < shopping.length; j++){ // .length 数组的长度
console.log(shopping[j]); // 在控制台输出
document.write(shopping[j]); // 显示在网页上
var htmlStr = '<h1>' + shopping[j] + '</h1>'; // 拼接添加h1标签
document.write(htmlStr); // 再显示在网页上
}
五.break 与 continue 语句
1.break : 挑出当前循环(结束循环)
var x = 0;
for (;;){ // ;; 代表死循环
if(x > 100){
break; // 如果 x 大于 100 则结束循环
}
x++; // x 自增
}
console.log(x);
2.continue : 挑出当前循环,下次循环继续
// 求 1~10 之和,但排除 8
var sum = 0;
for(var i = 1;i <= 10;i++){
if(i===8){
continue; // 当 i=8, 跳过进行下一次相加
}
sum = sum+i;
}
alert(sum);
console.log(sum)
六.while 循环
- 语法
while([判断循环结束条件])｛
// 需要执行的代码
// 递增条件
｝
- 示例
// 求 0~99 奇数和
var n = 99; // 初始奇数
var num = 0; // 初始和
while(n>0){ // 先判断，再循环
num = num + n;
n -= 2;
}
alert(num);
七.do...while 循环
- while 是先进行判断, 再进行循环
- do...while 是先进行一次循环, 再进行判断
// 0~99 之和
var sum = 0; // 初始和
var i = 1; // 初始奇数
do{
sum = sum + i;
i++;
}while(i <= 100);
alert(sum);
- 先进行 do 的测试
var sum = 0;
var i = 1;
do{
sum = sum + i;
i++;
}while(i<=1);
alert(sum);
// 结果等于 1
