day04 运算符和流程控制语句【一】运算符和表达式【二】 && 和 || 短路运算

【一】运算符和表达式

1算术运算符：+ - * / % ++ --

.2赋值运算符：- =    +=   -+  *=  /=   %=

3比较运算符：>   <   >=    <=   ==  !=(不等于)  ===(恒等 全等)

4逻辑运算符- 

&&(与)   ||(或)   ！(非，取反的意思

1.基础用法

 1-1   表达式1&&表达式2  两真为真  只有两个表达式的值都为true 结果才为true

1-2 表达式1 || 表达式2  一真为真  只要有一个表达式的值为true  结果就为true

 1-3 ！ 取反 结果true和false

【二】 && 和 || 短路运算

  &&短路运算  两真为真

 1如果第一个条件为false，第二个条件不再执行  执行到哪就把哪的结果为左侧

2 如果第一个条件为true 执行第二个条件  执行到哪就把哪的结果为左侧

||短路运算  一真为真

  1 如果第一个条件为false，再执行二个条件  执行到哪就把哪的结果为左侧

2 如果第一个条件为true  第二个条件就不执行  执行到哪就把哪的结果为左侧

三目运算符

- 表达式的值 ? 结果为true要执行的代码(只能写一行代码) ：结果为false要执行的代码

//语法：表达式 ? 结果为true要执行的代码(只能写一行代码) ：结果为false要执行的代码

        //你的money大于100000的时候 你可以娶媳妇  否则你就努力搬砖挣钱娶媳妇

        var price = 100001;

        price > 100000 ? console.log("娶媳妇") : console.log("搬砖挣钱");

【三】.流程控制语句

顺序结构(从上往下执行

- 选择结构(分支语句)：if if-else  if-else if -if  switch

- 循环结构：for while do-while for-in

选择结构(分支语句)

1单分支：语法：if(判断条件){   条件成立执行的代码 }

注意1：if后面的大括号可以省略 不加大括号只能控制紧跟的一句话;

注意2：if条件不是必须是判断   只要结果能确定true和false都可以

2双分支：- 语法：if(判断条件){ 条件成立执行的代码 }else{条件不成立执行的代码 }        注意  if和else是成对出现

3多分支

if(条件1){

  条件1成立执行的代码

}else if(条件2){

  条件2成立执行的代码

}else if(条件3){

  条件3成立执行的代码

}

......

else{  不是必须的

  //以上条件都不成立执行的代码

}

【四】.循环结构

1for循环

- 什么时候使用for循环

  - 多次重复执行

  - 多次有规律的执行

- for的作用

  - 可以让特定的代码执行指定的次数

- for循环的基础语法

for(表达式1;表达式2;表达式3;){

  重复执行的代码(循环体)

}

for(初始化循环变量;循环判断条件;更新循环变量;){

  循环体

}

执行过程

    1.初始化循环变量  var i = 0

  2.判断循环条件    0<10

                条件成立  执行步骤3

        条件不成立  结束循环

  3.执行循环体

  4.更新循环变量   i++    

  5.回到步骤2

```

for (var i = 10; i < 15; i++){}

for (var i = 0; i < 10; i += 2)

注意的点：

一定要有结束条件，否者会造成死循环

下标 0 1 2 3 4.....9

        for (var i = 0; i < 10; i++) {// i = 0 1 2 3 4 5 6 7 8 9 10

            btn[i].onclick = function () {

                console.log(1);

            }

        }

需求:点击button按钮 输出对应的下标i;点击第一个button 0 第二个button 1 第三个button 2

        for (var i = 0; i < 10; i++) {

            btn[i].onclick = function () {

                console.log(i);//10  

            }

        }

        //i 最后一次的值是10

        //for循环的目的是给10个button按钮添加添加事件 并不会触发点击事件中的代码  只有点击的button的时候才会执行  等到那个时候执行 i的值已经是10