【WEB学习】Day10 - JavaScript 的运算符

【WEB学习】Day10 - JavaScript 的运算符

---

---

一、运算符

1.1 算术运算符

整数运算不用讲，但是浮点数运算会有点问题。

console.log(0.1 + 0.2);  // 0.300000000000004
console.log(0.07 * 100); // 7.00000000001

浮点数运算时，会保留多位小数最后四舍五入，出现结果不准确。比如下面的例子：

var num = 0.1 + 0.2;
console.log(num == 0.3);  // false

0.1 + 0.2，结果不是 0.3，而是后面一坨。所以不要直接判断两个浮点数是否相等。

1.2 递增和递减运算符

想要一个变量自己加一或者减一，可以用递增或递减运算符。

var age = 10;
++age; //相当于age = age + 1

1.3 比较运算符

比较运算符会把两个数据进行比较，比较运算完毕后，会返回一个布尔值（ true / false ）作为比较运算的结果。

console.log(3 >= 5); // false
console.log(2 <= 4); // true
console.log(3 == 5); // false
console.log('我' == '你'); // false
console.log(18 != 18);  // false

我们可以看到，字符串之间也是可以比较的，当然，数字型和字符串也是可以比较的，而且比较特殊：

console.log(18 == '18'); // true

这里存在一个默认转换数字类型的概念，在这个式子中，‘18’ 会被自动转换成数字型。
在程序里，还有一个全等的概念，它（===）要求两边的值和数据类型完全一致。使用全等号，就不能判定字符串和数字相等了：

console.log(18 === '18'); // false

1.4 逻辑运算符

逻辑运算符是用来进行布尔值运算的运算符，其返回值也是布尔值，后面开发中经常用于多个条件的判断。

和 C++ 里的逻辑运算符一致。
1.逻辑与：

console.log(3 > 5 && 3 > 2);  // false && true = false

2.逻辑或：

console.log(3 > 5 || 3 > 2);  // false || true = true

3.逻辑非：

console.log(!(3 > 5)); // true

逻辑运算符也有逻辑短路的现象。

1.5 赋值运算符

和 C++ 基本保持一致。

1.6 运算符的优先级