8 JavaScript 流程控制

1 if

var age = 20;
if(age>18){
    //{}相当于作用域
    console.log('可以去会所');
}
alert('alex'); //下面的代码照样执行

2 if-else

var age = 20;
if(age>18){
    //{}相当于作用域
    console.log('可以去会所');
}else{
    console.log('好好学js,年纪够了再去会所');
}
alert('alex'); //下面的代码照样执行

3 if-else if-else

var age = 18;
if(age==18){
    //{}相当于作用域
    console.log('可以去会所');
}else if(age==30){
    console.log('该娶媳妇了！！');
}else{
    console.log('随便你了')
}
alert('alex'); //下面的代码照样执行

4 if-else的嵌套

var weather='sunny';
var temp=32;
if (weather==='sunny') {
  if (temp > 30) {
    console.log('在家里吹空调')
  } else {
	console.log('天气很好，可以出去玩');
}

5 逻辑与&&、逻辑或||

//1.模拟  如果总分 >400 并且数学成绩 >89分 被清华大学录入
//逻辑与&& 两个条件都成立的时候 才成立
if(sum>400 && math>90){
    console.log('清华大学录入成功')
}else{
    alert('高考失利')
}

//2.模拟 如果总分>400 或者你英语大于85 被复旦大学录入
//逻辑或  只有有一个条件成立的时候 才成立
if(sum>500 || english>85){
    alert('被复旦大学录入')
}else{
    alert('高考又失利了')
}

6 ！取反

var isLogin=false;
if (!isLogin){
	console.log('用户已登录');
}

7 switch语句

优点：

switch比if else 更为简洁；

执行效率更高，原理利用到跳转表，条件与值直接对应匹配不用遍历；

如果是取值范围，则使用if else语句更为快捷；

如果是确定取值，则使用switch语句是更优方案；

var gameScore = 'better';

switch(gameScore){

//case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break，那么直到该程序遇到下一个break停止
    case 'good':
    	console.log('玩的很好')
    	//break表示退出
    	break;
    case  'better':
    	console.log('玩的老牛逼了')
    	break;
    case 'best':
    	console.log('恭喜你 吃鸡成功')
    	break;

    default:
    	console.log('很遗憾')

}
//注意：switch相当于if语句 但是玩switch的小心case穿透

8 三元运算符

var result = 1>2 ? '真的':'假的';
alert(result)

? 代表判断是否为真，如果为真则输出:左边的值，反之输出右边的值

9 for循环

for循环遍历列表是最常用的对数据的操作，在js中希望大家熟练使用for循环的书写方式

// for (初始化条件;结束条件;递增条件){
//
// }
//输出1~10之间的数
for(var i = 1;i<=10;i++){
     console.log(i)
 }

var arr = [123,234,56]
for (var i in arr){
    console.log(i,arr[i]);
}
//0 123
//1 234
//2 56

课堂练习：输入1~100之间所有数之和

var sum = 0;
for(var j = 1;j<=100;j++){
    sum = sum+j
}
console.log(sum);

for循环嵌套的练习

document.write(''); 往浏览器文档中写

for(var i=1;i<=3;i++){
 　　for(var j=0;j<6;j++){
        document.write('*')
    }
   document.write('<br>')
 }

var shopping=['香蕉','苹果','牛奶','红牛'];
for (var j=0;j<shopping.length;j++){
    var htmlStr='<h1>'+shopping[j]+'</h1>';
    console.log(htmlStr);
    document.write(htmlStr);  //显示在网页上
}

10 break和continue

var x=0;
for (;;){
    if (x>100){
        //可以终止循环
        break;
    }
    x++;
}
console.log(x);


var sum=0;
for (var i=1;i<=10;i++){
    if (i===8){
        //跳出当前循环
        continue;
    }
    sum = sum+i;
}
console.log(sum)

11 while循环

语句：

//初始化条件
while (结束条件){
  //run
  //递增条件
}

给大家总结了循环三步走，任何语言的循环离不开这三步：

1. 初始化循环变量
2. 判断循环条件
3. 更新循环变量

// 例子：打印 1~9之间的数
var i = 1; //初始化循环变量

while(i<=9){ //判断循环条件
    console.log(i);
    i = i+1; //更新循环条件
}

练习：将1~100所有是2的倍数在控制台打印。使用while循环

var i = 1;
while(i <= 100){
    if(i%2==0){
        console.log(i);
    }
    i +=1;
}

12 do-while

用途不大：就是先做一次事 ，在来再循环

//不管有没有满足while中的条件do里面的代码都会走一次
var i = 3;//初始化循环变量
do{
    console.log(i)
    i++;//更新循环条件
}while (i<10) //判断循环条件