JavaScript——运算符，流程控制

一、运算符

1、算数运算符

算数运算符
+ - * / %  ++  --

比较运算符
> >=  <  <=  !=  ==  ===  !==


注意：
-------------------------------------------------
在赋值操作中：
i++代表先把i的值给左边变量，再在此基础上i++  
++i 代表加完以后再赋值
不是赋值操作，那么i++ 和++i都一样
-------------------------------------------------

1 == “1”  // true
1 === "1"  // false

逻辑运算符
&&  ||  ！

赋值运算符
=  +=  -=  *=  /=

注意看在赋值操作中用i++ 和++i ，res的值不同！！！

二、流程控制

if->else

var age = 30;
undefined
if(age > 18){
    console.log('too old');
}else {
    console.log('too young');
}

if->else if->else （不能简写）

var age=18;
if(age > 18){
    console.log('too old');
}
else if(age == 18){
    console.log('花姑娘,吆西');
}
else {
    console.log('too young');
}

switch

ps:switch中的case子句通常都会加break语句，否则程序会继续执行后续case中的语句。

var day = new Date().getDay();
switch (day) {
  case 0:
      console.log("星期天，出去浪");
      break;
  case 6:
      console.log("星期六，也出去浪");
      break;
  default:
      console.log("工作日，正常上班")
}

for

for (let i=1;i<=3;i++){
    console.log(i);
}

while

let i=0;
undefined
while (i<=3){
    console.log(i);
    i++;
}

三元运算

# python中三元运算符 res = 1 if 1>2 else 3
# JS中三元运算  res = 1>2?1:3 

条件成立取问好后面的1 不成立取冒号后面的3
var res = 2>5?8:10 # 10
var res = 2>5?8:(8>5?666:444)  # 666

ps:三元运算符不要写的过于复杂

具体案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var d=new Date()
    if (d.getDay() == 0) {
        alert("今天是星期天")
    } else if (d.getDay() == 6){
        alert("今天是星期六")
    } else {
        alert("老老实实工作吧")
    }

    // var x=999
    // switch (x) {
    //     case 0:
    //         console.log("星期天，出去浪")
    //         break
    //     case 6:
    //         console.log("星期六，也出去浪")
    //         break
    //     default:
    //         console.log('老老实实工作吧')
    // }

    // for (var i=0;i<=5;i++) {
    //     console.log(i)
    // }

    // var arr=[111,222,333,444,555]
    // arr.forEach(function (item) {
    //     console.log(item)
    // })

    // for (var i=0;i<arr.length;i++) {
    //     console.log(arr[i])
    // }

    // var count=0
    // while (count < 5) {
    //     if (count == 3) {
    //         // break
    //         count++
    //         continue
    //     }
    //     console.log(count)
    //     count++
    // }

    // 10>3?"ok":"no"
    // 10<3?"ok":"no"

    function f() {
        y=3
    }
    console.log(y)
</script>
</body>
</html>

应用