JavaScript 运算符

JavaScript 常见的运算符有五种:

  • 算术运算符
  • 赋值运算符
  • 比较运算符
  • 逻辑运算符
  • 条件运算符

算术运算符

一般用于实现「数学」运算

1+2 // 3 加法
2-1 // 1 减法
2*3 // 6 乘法
10/5 // 2 除法
10%7 // 3 求余

自增运算符

「++」是自增运算符,就是在原来的数值上加一,每调用一次加上一个一。

i++
let i = 5;
let j = i++; // 这时 j 就是6

// 以上操作等价于:
let i = 5;
let j = i; // 先使用
i = i + 1; // 再加
++i
let i = 5;
j = ++i; // 也还是等于6

// 以上操作等价于:
let i = 5;
i = i + 1; // 先加了
let j = i; // 再使用

虽然加完后的结果都是一致的,但是在加的时候 i++ 是先使用再加,++i 是先加在使用,所以

let i = 5;
console.log(i++ == ++i); // false
console.log(++i == i++); // true

另外还有「–」自减运算符每次减一,也就是「i–」和「–i」

字符串和数字相加会怎么样?

2017 + "年" // "2017年"
"2017" + 1080 // "20171080"

会先将数字转换成字符串然后相加。

赋值运算符

用于将右边的表达式保存进左边的变量中

let i = 5; // 变量 i 赋值了一个数字 5
let j = 1;
i += j; // 6 相当于 i = i+j
i -= j; // 相当于 i = i-j
i *= j; // 相当于 i = i*j
i /= j; // 相当于 i = i/j

比较运算符

用于将两边的值或表达式进行比较,如果是正确的就返回「true」否则就返回「flase」

2>1 // true 大于
2<1 // flase 小于
2 >= 2 // true 大于等于
2 <= 2 // true 小于等于
1 == 2 //false 等于
1 != 2 // false 不等于

另外还有「==」和「===」,三个等号是在两个等号的比较之外还需要比较两者的数据类型是否相同

2 == "2" // true
2 === "2" // false
null == undefined // true
null === undefined // true

逻辑运算符

一般和比较运算符一起使用

true && true // true
true $$ false // false
false $$ false // false

「&&」与运算,需要两边的值都为 true,否则结果只能是 flase

true || true // true
true || false // true
false || true // true
false || false // false

「||」或运算,只有一边的值为 true,结果就是 true

!true // false
!false // true

「!」非运算,就是取反,把真的转成假,把假的转成真的

let a = 1;
let b = 2;
let c = 2;
let d = (a > b) || (b == c);
console.log(d,!d); // true false

首先「(a > b)」为 false 但是 (b == c) 为 true 所以 d 为 true,接着对 d 取反「!d」,所以打印「d」为 「true」打印「!d」为「false」

条件运算符

也称为三目运算符

let i = 5;
(i == 6) ? i++ : i--;
console.log(i); // 4

语法:「let 变量 = 条件 ? 表达式 1 : 表达式 2」

如果条件成立(ture)那么走表达式 1 否则走表达式 2,这是一种比较简单的写法可以减少代码。

Conners Hua

欢迎加入群聊: Telegram 群聊 | QQ 群聊(不讨论敏感话题)

您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.