javascript运算符系列-数值及赋值、比较、逻辑运算符及优先级和NaN

目录

一. 数值类型的运算number

二. 运算符[优先级]

 三. NaN

 四. 赋值运算符

五. 比较运算符

六. 逻辑运算符

---

一. 数值类型的运算number

代码中所的的数字（整数、小数）都是数值类型

let x = 5; // number
let y = 10; // number

1.加法运算 +

let t = 20 + 10;
console.log(t); // 30

2.减法 -

let i = y - x;
console.log(i); // 5

3.乘法 *

let p = x * y;
console.log(p); // 50

4.除法 /

let q = y / x;
console.log(q); // 2

5.取模（取余） %

• 当不能整除的时候将余数求出来
• 小数对大数进行取余的时候，结果为小数本身

let a = 10;
let b = 3;

// 10 除 3 余几？
let c = a % b;
console.log(c); // 1

z = y % x;
console.log(z); // 0

let d = b % a;
console.log(d); // 3

二. 运算符[优先级]

在进行运算时候，如果加减乘除同时出现时，运算具有先后顺序，先乘除后加减。

连续的加减或连续的减加,从左向右

let f = 5 + 2 * 3;
console.log(f); // 11

let g = 5 + 2 - 4;
console.log(g); // 3

let h = (5 + 2) * 3;
console.log(h); // 21

 三. NaN

NaN 是 Not a Number 的简写 

let i = "a";
console.log(i - 1); // 无法完成的运算

 四. 赋值运算符

• 除了 = 可以进行赋值外
• 还有 +=、-=、*=、/=、%=

let x = 10;
// x = x - 5;
x -= 5;
console.log(x); // 5

// x = x + 10
x += 10;
console.log(x); // 15

let y = 4;
// y = y * 2
y *= 2;
console.log(y); // 8

let z = 10;
// z = z / 2
z /= 2;
console.log(z); // 5

let t = 11;
// t = t % 3
t %= 3; 
console.log(t); // 2

五. 比较运算符

• > < != ==

• ===（全等于）!==（全不等于）

=== 在进行比较的时候，不仅要求值相等，还要求【类型一致】

<script>
   let a = 10;
   let b = 5;

   // a 是不是大于 b 呢？
   console.log(a > b); // 是大于的（真）
   console.log(a < b); // 是不大于的（假）
   // == 表示比较，= 表示的是赋值
   console.log(a == b); // 不相等（假）
   console.log(a != b); // 是不相等（真）
</script>

•  NaN 是不能进行比较的永远为 false
• 小数也不要进行对比，会有精度问题

六. 逻辑运算符

let isShow = true;
let isBig = false;

1.且或与 符号为 &&

• 只要一个为 false 结果即为 false

console.log(isShow && isBig); // fasle

2.或 符号为 ||

• 只要一个为 true 结果为 true

console.log(isShow || isBig); // true

3.非 符号为 !

• 取反操作，true 取反为 false，false 取反为 true
• 它是一个【一元运算符】

console.log(!isShow); // false
console.log(!isBig); // true