JavaScript (算数，比较，逻辑，赋值) 运算符

古城微笑少年丶 2022-11-13 05:26 235阅读 0赞

JavaScript 运算符用于赋值，比较值，执行算术运算等。

### 算数运算符 ###

算术运算符用于执行两个变量或值的运算。

**加法运算符**:  
加法运算符 `+` 加数：

var x = 7;
    var y = 8;
    var z = x + y;

**减法运算符**:  
减法运算符 `-` 减数。

var x = 7;
    var y = 8;
    var z = x - y;

**乘法运算符**:  
乘法运算符 `*` 乘数。

var x = 7;
    var y = 8;
    var z = x * y;

**除法运算符**:  
除法运算符 `/` 除数。

var x = 7;
    var y = 2;
    var z = x / y;

**系数运算符**：  
系数运算符 `%` 返回除法的余数。

var x = 7;
    var y = 2;
    var z = x % y;

**递增运算符**:  
递增运算符 `++` 对数值进行递增。

var x = 7;
    x++;
    var z = x;

**递减运算符**：  
递减运算符 `--` 对数值进行递减。

var x = 7;
    x--;
    var z = x;

**幂运算符**：  
取幂运算符 `**` 将第一个操作数提升到第二个操作数的幂。

var x = 5;
    var z = x ** 2;          // 结果是 25

--------------------

### 比较运算符 ###

比较运算符用于逻辑语句的判断，从而确定给定的两个值或变量是否相等。

**相等运算符**：  
`==` 会为两个不同类型的操作数转换类型，然后进行严格比较。

console.log(1 == 1);    // true
    console.log(1 == 2);    // false
    console.log(1 == true); // true
    console.log(1 == '1');  // true

*  相等运算符，在对两个操作数进行比较之前，会将两个操作数转换成相同的类型。

**严格相等运算符**:  
`===` 不会对操作数进行类型转换，只有当值相等并且类型也是相等时才会返回 true。

console.log(1 === 1);     // true
    console.log(1 === 2);     // false
    console.log(1 === true);  // false
    console.log(1 === false); // false
    console.log(1 === '1');   // false

*  不同类型的值进行比较时，会返回 false.

**不等运算符**:  
`！=` 只有当操作数不相等时才返回true，如果两操作数不是同一类型，会将操作数转为同意类型再进行比较。

var a = 1;
    var b = 2;
    var c = '1';
    
    console.log(a != 1);  // false
    console.log(a != b);  // true
    console.log(a != c);  // false

**严格不等运算符**:  
`!==` 当操作数不相等或不同类型时返回 true。

var a = 1;
    var b = 2;
    var c = '1';
    
    console.log(a !== 1);  // false
    console.log(a !== b);  // true
    console.log(a !== c);  // true

**大于运算符**:  
`>` 只有当左操作数大于右操作数时才返回 true。

console.log(5 > 1);   // true
    console.log(5 > 10);  // false
    console.log(5 > '5'); // false

**小于运算符**:  
`<` 只有当左操作数小于右操作数时才返回 true。

console.log(5 < 1);   // false
    console.log(5 < 5);   // false
    console.log(5 < 10);  // true
    console.log(5 < '5'); // false

**大于等于运算符**:  
`>=` 只有当左操作数大于或者等于右操作数时才返回 true。

console.log(5 >= 1);   // true
    console.log(5 >= 5);   // true
    console.log(5 >= 10);  // false
    console.log(5 >= '5'); // true

**小于等于运算符**:  
`<` 只有当左操作数小于或者等于右操作数时才返回 true。

console.log(5 <= 1);   // false
    console.log(5 <= 5);   // true
    console.log(5 <= 10);  // true
    console.log(5 <= '5'); // true

--------------------

### 逻辑运算符 ###

逻辑运算符用于判定变量或值之间的逻辑。

*  逻辑与 `&&`
 *  逻辑或 `||`
 *  逻辑非 `!`

**逻辑与 `&&`**:

a1 = true  && true      // t && t 返回 true
    a2 = true  && false     // t && f 返回 false
    a3 = false && true      // f && t 返回 false
    a4 = false && (3 == 4)  // f && f 返回 false
    a5 = "Cat" && "Dog"     // t && t 返回 "Dog"
    a6 = false && "Cat"     // f && t 返回 false
    a7 = "Cat" && false     // t && f 返回 false
    a8 = ''    && false     // f && f 返回 ""
    a9 = false && ''        // f && f 返回 false

**逻辑或 `||`**:

o1 = true  || true      // t || t 返回 true
    o2 = false || true      // f || t 返回 true
    o3 = true  || false     // t || f 返回 true
    o4 = false || (3 == 4)  // f || f 返回 false
    o5 = "Cat" || "Dog"     // t || t 返回 "Cat"
    o6 = false || "Cat"     // f || t 返回 "Cat"
    o7 = "Cat" || false     // t || f 返回 "Cat"
    o8 = ''    || false     // f || f 返回 false
    o9 = false || ''        // f || f 返回 ""

**逻辑非 `!`**:

n1 = !true              // !t 返回 false
    n2 = !false             // !f 返回 true
    n3 = !''                // !f 返回 true
    n4 = !'Cat'             // !t 返回 false

--------------------

### 赋值运算符 ###

赋值运算符用于给 JavaScript 变量赋值。

**赋值运算符**：  
`=` 赋值运算符向变量赋值。

var x = 7;

**加法赋值运算符**：  
`+=` 赋值运算符向变量添加值。

var x = 7;
    x += 8;

**减法赋值运算符**:  
`-=` 赋值运算符从变量中减去一个值。

var x = 7;
    x -= 8;

**乘法赋值运算符**:  
`*=` 赋值运算符相乘变量。

var x = 7;
    x *= 8;

**除法赋值运算符**:  
`/=` 赋值运算符对变量相除。