05-JavaScript-运算符、使用方法和流程控制语句

一、运算符

1、一元运算符

1、正号（+）：用于将操作数转换为数字。
var num = "10";
console.log(typeof num); // 输出 "string"
num = +num;
console.log(typeof num); // 输出 "number"

2、负号（-）：用于将数值取负或将操作数转换为负数。
var a = 10;
a = -a; 
console.log(a); // 输出 -10

3、递增（++）和递减（--）：用于对数字值进行增加或减少。可以是变量前缀或后缀。
var x = 5;
x++;
console.log(x); // 输出6
x--;
console.log(x); // 输出5

4、逻辑非（!）：用于对操作数进行否定。
var a = true;
var b = !a; // 将 a 反转，b 值为 false   
console.log(b); // 输出 false

2、算术运算符 

1、加法（+）：将两个值相加。
var sum = 5 + 3;
console.log(sum); // 输出 8

2、减法（-）：从第一个值减去第二个值。
var diff = 5 - 3;
console.log(diff); // 输出 2

3、乘法（*）：将两个值相乘。
var mul = 5 * 3;
console.log(mul); // 输出 15

4、除法（/）：将第一个值除以第二个值。
var div = 10 / 2;
console.log(div); // 输出 5

5、取余（%）：返回第一个值除以第二个值的余数。
var mod = 10 % 3;
console.log(mod); // 输出 1

3、赋值运算符 

1、等号（=）：将右边的表达式的值赋给左边的变量。
var x;
x = 5;
console.log(x); // 输出 5

2、加等于（+=）：将右边的值添加到左边的变量中，并将结果分配给左边的变量。
var y = 10;
y += 5; // 等同于 y = y + 5;
console.log(y); // 输出 15

3、减等于（-=）：从左边的变量中减去右边的值，并将结果赋给左边的变量。
var z = 5;
z -= 3; // 等同于 z = z - 3;
console.log(z); // 输出 2

4、乘等于（*=）：将左边变量的值与右边的值相乘，并将结果赋给左边的变量。
var a = 2;
a *= 3; // 等同于 a = a * 3;
console.log(a); // 输出 6

5、除等于（/=）：将左边变量的值除以右边的值，并将结果赋给左边的变量。
var b = 10;
b /= 2; // 等同于 b = b / 2;
console.log(b); // 输出 5

6、取模等于（%=）：将左边变量的值除以右边的值，并将结果的余数赋给左边的变量。
var c = 10;
c %= 3; // 等同于 c = c % 3;
console.log(c); // 输出 1

4、比较运算符 

1. 相等运算符（==）：判断两个值是否相等。如果相等，则返回 true，否则返回 false。需要注意的是，相等运算符不考虑数据类型。
console.log(5 == "5"); // 输出 true
console.log(3 == 2); // 输出 false


2. 全等运算符（===）：判断两个值是否恰好相等（包括数据类型）。如果相等，则返回 true，否则返回 false。
console.log(5 === "5"); // 输出 false
console.log(3 === 2 + 1); // 输出 true


3. 不等运算符（!=）：判断两个值是否不相等。如果不相等，则返回 true，否则返回 false。
console.log(5 != "5"); // 输出 false
console.log(3 != 2); // 输出 true


4. 大于运算符（>）：判断左边的值是否大于右边的值。如果是，则返回 true，否则返回 false。
console.log(5 > 1); // 输出 true
console.log(10 > 20); // 输出 false


5. 小于运算符（<）：判断左边的值是否小于右边的值。如果是，则返回 true，否则返回 false。
console.log(5 < 1); // 输出 false
console.log(10 < 20); // 输出 true

6. 大于等于运算符（>=）：判断左边的值是否大于或等于右边的值。如果是，则返回 true，否则返回 false。
console.log(5 >= 1); // 输出 true
console.log(10 >= 20); // 输出 false
console.log("a" >= "A"); // 输出 true


7. 小于等于运算符（<=）：判断左边的值是否小于或等于右边的值。如果是，则返回 true，否则返回 false。
console.log(5 <= 1); // 输出 false
console.log(10 <= 20); // 输出 true
console.log("a" <= "A"); // 输出 false

5、逻辑运算符

1. 逻辑与（&&）：如果左侧和右侧的表达式都为 true，则返回 true；否则返回 false。
console.log(true && true); // 输出 true
console.log(true && false); // 输出 false
console.log(false && false); // 输出 false

2. 逻辑或（||）：如果左侧或右侧的表达式至少有一个为 true，则返回 true；否则返回 false。
console.log(true || true); // 输出 true
console.log(true || false); // 输出 true
console.log(false || false); // 输出 false

3. 逻辑非（!）：将布尔值取反。如果是 true，则返回 false；如果是 false，则返回 true。
console.log(!true); // 输出 false
console.log(!false); // 输出 true

6、三元运算符

在 JavaScript 中，三元运算符（也称为条件运算符）用于根据某个条件来返回不同的值。它由三部分组成：一个条件表达式，一个 "?" 符号，以及两个可能的返回值。

condition ? expr1 : expr2

其中，condition 是一个要进行比较的值或表达式，如果它是 true，则返回前面的表达式 expr1，否则返回后面的表达式 expr2。 

var num = 4;
var result = (num % 2 == 0) ? "这个数是偶数" : "这个数是奇数";
console.log(result); // 输出 "这个数是偶数"

二、流程控制语句

1、条件语句（if...else）：用于指定某个条件为 true 或 false 时执行的代码块。如果条件为 true，将执行 if 语句中的代码；否则将执行 else 语句中的代码。

var x = 10;
if (x > 0) {
  console.log("x 是正数");
} else {
  console.log("x 不是正数");
}

2、Switch 语句：用于在多个可能的情况下选取一种情况执行的代码块，并提供每种情况的备选方案。

var day = 3;
switch (day) {
  case 0:
    console.log("今天是星期天");
    break;
  case 1:
    console.log("今天是星期一");
    break;
  case 2:
    console.log("今天是星期二");
    break;
  case 3:
    console.log("今天是星期三");
    break;
  default:
    console.log("今天是其他日子");
    break;
}

3、循环语句（for, while 和 do...while）：用于重复执行代码块，直到某个条件不再满足为止。

• for 循环：常用于指定循环计数器的初始值、终止条件和每次迭代的步骤

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

• while 循环：只要指定的条件为 true，就会重复执行循环代码块。

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

• do...while 循环：与 while 循环类似，但它会在循环开始时执行一次循环代码块，然后再检查条件是否为 true。

var i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);