Day2 JS基础

2.1 运算符

• 赋值运算符

  =

  +=

• 一元运算符

  ++

  --

  <script>
  
      let h=20
      let k=h++ + h++
      console.log(h) //22
      console.log(k) //42
      let i=1
      console.log(i++ + ++i +i)  //7
  ​
      // 递增运算符：++
      var a=8
      a++
      console.log(a)  //9
  ​
      var num=10
      var b=num++
      console.log(b)  //10
  
    </script>

• 比较运算符

  大于号>

  小于号<

  大于等于号>=

  小于等于号<=

  == 先把两边数据转换为同一类型，在比较左右两边值是否相等

  === 左右两边是否类型和值都相等（开发中判断是否相等，强烈推荐使用===）

  !== 左右两边是否不全等

   <script>
  
      console.log(3 > 5)  //false
      console.log(3 >= 3)  //true
      /* 双等号，只判断值 比较运算符有隐式转换  把'2'转换为2  */
      console.log(2 == 2)  //true
      /* 全等号，判断值和数据类型都一样才行 */
      console.log(2 === '2')  //false
      console.log(NaN === NaN)  //false   NaN不等于任何人，包括他自己
      console.log(2 !== '2')  //true
      console.log(2 != '2')  //false
  ​
      console.log('a' < 'b')  //true
      console.log('ab' < 'ac')  //true
  
    </script>

• 逻辑运算符

  && 一假则假

  || 一真则真

  ! 真变假，假变真(通常给布尔值取反)

  <script>
  
      const num = +prompt('请输入一个整数：')
      /* if(num%4===0 && num%100!==0){
        alert('true')
      }else{
        alert('false')
      } */
      alert(num % 4 === 0 && num % 100 !== 0)
  
    </script>

逻辑中断

 <script>

    let age=18
    console.log(false && age++)  //age++不执行，一假则假，中断
    console.log(age)  //18
​
    let num=20
    console.log(true || num++)  //num++不执行，一真则真，中断
    console.log(num)  //20
​
    console.log(11 && 22)  //都是真，则返回最后一个值
    console.log(33 || 44)  //都是真，则返回第一个真值

  </script>

• 运算符优先级

  1. 小括号 ()

1. 一元运算符 ++ -- !

2. 算术运算符 * / % + -

3. 关系运算符 > >= < <=

4. 相等运算符 == != === !==

5. 逻辑运算符 && ||

6. 赋值运算符 =

7. 逗号运算符 ,

<script>

    let a = 3 > 5 && 2 < 7 && 3 == 4
    console.log(a)  //false
    let b = 3 <= 4 || 3 > 1 || 3 != 2
    console.log(b)  //true
    let c = 2 === "2"
    console.log(c)  //false
    let d = !c || b && a
    console.log(d)  //true
​
​
  </script>

 

2.2 语句

2.2.1 顺序结构

2.2.2 分支结构

• if分支语句

  // 条件成立执行代码，否则什么也不做
  if (条件表达式) {
      // 条件成立执行的代码语句
  }
  ​
  // 条件成立  执行 if 里面代码，否则执行else 里面的代码
  if (条件表达式) {
      // [如果] 条件成立执行的代码
  } else {
      // [否则] 执行的代码
  }
  ​
  // 适合于检查多重条件
  if (条件表达式1) {
      语句1；
  } else if (条件表达式2)  {
      语句2；
  } else if (条件表达式3)  {
     语句3；
   ....
  } else {
      // 上述条件都不成立执行此处代码
  }

• 三元运算符

  表达式1 ? 表达式2 : 表达式3;

  switch语句（一般用于特定值的判断，break跳出整个循环）
  
   switch( 表达式 ){ 
      case value1:
          // 表达式 等于 value1 时要执行的代码
          break;
      case value2:
          // 表达式 等于 value2 时要执行的代码
          break;
      default:
          // 表达式 不等于任何一个 value 时要执行的代码
  }

2.2.3 循环结构

1. for循环

   语法：

   for(初始化变量;条件表达式;操作表达式){

   //循环体

   }

   初始化变量在for循环内只执行一次

   条件表达式用来判断每次循环是否能够执行

   // 1.
       for (let i = 1; i <= 100; i++) {
         console.log('亲爱的，我错了！')
       }
       // 2.
       let num = +prompt('请输入你想道歉的次数：')
       for (let i = 1; i <= num; i++) {
         console.log('都是我的错')
       }
       // 3.
       let sum = 0
       for (let i = 1; i <= 100; i++) {
         if (i % 3 === 0) {
           sum += i
         }
       }
       console.log(sum)
       // 4.
       let sum1 = 0
       for (let i = 1; i <= 200; i++) {
         sum1 += i
       }
       console.log(sum1)
       // 5.
       let m = 0, n = 0
       for (let i = 1; i <= 100; i++) {
         if (i % 2 == 0) {
           m++
         } else {
           n++
         }
       }
       console.log('偶数为：' + m, '奇数为：' + n);
       // 6.
       let sum2 = 0
       let num2 = +prompt('请输入录入成绩的人数：')
       for (let i = 1; i <= num2; i++) {
         let sort = +prompt(`请输入第${i}个人的成绩:`)
         sum2 += sort
       }
       console.log('总成绩：' + sum2);
       console.log('平均成绩：' + sum2 / num2);

2. 双重for循环

   里层和外层初始化变量不能一样

   for(外层初始化变量；外层条件表达式；外层操作表达式){

   for(里层初始化变量；里层条件表达式；里层操作表达式){

   }

3. while(条件表达式){ //循环体}

   使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环

4. do{ //循环体}

   while(条件表达式)

   先再执行循环体，再判断，do…while循环语句至少会执行一次循环体代码

5. continue

   推出本次循环，进行下次循环

6. break

   退出整个循环体，不再进行后面的循环

2.3 综合案例

// 1.
    let money = 0
    while (true) {
      let num = +prompt(`请输入您要的操作: \n 1.存钱 \n 2.取钱 \n 3.显示余额 \n 4.退出`)
      if (num == 4) {
        break
      }
      switch (num) {
        case 1:
          money += +prompt('请输入您要存入的金额：')
          alert('您的余额为：' + money)
          break;
        case 2:
          money -= +prompt('请输入您要取出的金额：')
          alert('您的余额为：' + money)
          break;
        case 3:
          alert('您的余额为：' + money)
          break;
        default:
          alert('您输入错误，请重新输入！')
      }
    }
​
    // 2.
    /* let sum=0
    for(let i=1;i<=100;i++){
      if(i%10!==3){
        sum+=i
      }
    }
    console.log(sum) */
    // 3.
    /* let sum=0
    for(let i=1;i<=100;i++){
      if(i%3==0&&i%7==0){
        sum+=i
      }
    }
    console.log(sum) */
    // 4.
    /* let k = 0
    for (let i = 1; i < 1000; i++) {
      if (i % 3 == 0 && i % 7 == 0) {
        k++
        // console.log(k+' '+i);
        if (k == 35) {
          console.log(i)
        }
      }
    }
 */
​