JavaScript学习笔记——运算符与Unicode编码

运算符的定义和分类

运算符也叫操作符。通过运算符可以对一个或多个值进行运算，并获取运算结果
出来
例如typeof也是运算符，可以来获得一个值的类型并以字符串的形式返回：number string boolean undefined object。
运算符都是会返回结果的，而typeof这个运算符返回的结果就是变量的类型。返回的结果的类型就是字符串

运算符有很多分类：

• 算数运算符
• 自增运算符
• 逻辑运算符
• 赋值运算符
• 关系运算符
• 三元运算符（条件运算符）

算数运算

注意事项：
（1）当对非Number类型的值进行运算（包括+、-、*、/）时，会将这些值转换为Number然后再运算。

result1 = true + 1;  // 2 = 1+ 1
result2 = true + false; // 1 = 1+ 0
result3 = 1 + null; // 1 = 1+ 0
result4 = 100 - '1' // 99

但其中任何的值和字符串做加法运算，都会先转换为字符串，然后再做拼串操作。
可以利用这一特点，来将一个任意的数据类型转换为String：只需要为任意的数据类型 + 一个 “” 即可将其转换为String。

result1 = 1 + 2 + '3'  // 33
result2 = '1' + 2 + 3; // 123

而任何值做 -、*、/ 运算时都会自动转换为Number
我们可以利用这一特点，为一个值-0、*1、/1来将其转换为Number。原理和Number()函数一样，使用起来更加简单

（2）任何值和NaN做运算的结果都是NaN。

乘方

如果想计算 a 的 b 次方，可以使用如下函数：

Math.pow(a, b);

开方

如果想计算数值a的开二次方，可以使用如下函数：

Math.sqrt(a);

一元运算符

一元运算符，即只需要一个操作数的运算符

typeof

var a = '123';
console.log(typeof a); // 打印结果：string

正号 +

（1）正号不会对数字产生任何影响。比如说，2和+2是一样的。
（2）我们可以对一个其他的数据类型使用+，来将其转换为number【小技巧】

var a = true;
a = +a;   // 注意这行代码的一元运算符操作
console.log('a：' + a);
console.log(typeof a);
​
console.log('-----------------');
​
var b = '18';
b = +b;   // 注意这行代码的一元运算符操作
console.log('b：' + b);
console.log(typeof b);

负号 -
负号可以对数字进行取反

自增 ++

自增分两种：a++和++a
区别：
a++在语句中先调用值，再+1
++a在语句中先+1，再调用值

自减 –

自减分两种：a–和--a
区别同上

逻辑运算符

逻辑运算符有三种：

• && 与（且）：两个都为真，结果才为真。
• || 或：只要有一个是真，结果就是真。
• ! 非：对一个布尔值进行取反。

注意

• 能参与逻辑运算的，都是布尔值。
• JS中的&&属于短路的与，如果第一个值为false，则不会看第二个值。举例：

//第一个值为true，会检查第二个值
true && alert("看我出不出来！！");  // 可以弹出 alert 框
​
//第一个值为false，不会检查第二个值
false && alert("看我出不出来！！"); // 不会弹出 alert 框

• JS中的||属于短路的或，如果第一个值为true，则不会看第二个值。
• 如果对非布尔值进行逻辑运算，则会先将其转换为布尔值，然后再操作

非布尔值的与或运算【重要】

非布尔值进行与或运算时，会先将其转换为布尔值，然后再运算，但返回结果是原值

与运算的返回结果：（以两个非布尔值的运算为例）

• 如果第一个值为true，则必然返回第二个值（所以说，如果所有的值都为true，则返回的是最后一个值）
• 如果第一个值为false，则直接返回第一个值

或运算的返回结果：（以两个非布尔值的运算为例）

• 如果第一个值为true，则直接返回第一个值
• 如果第一个值为false，则返回第二个值

赋值运算符

赋值运算符可以将符号右侧的值赋值给符号左侧的变量

• +=。a += 5 等价于 a = a + 5
• -=。a -= 5 等价于 a = a - 5
• *=。a *= 5 等价于 a = a * 5
• /=。a /= 5 等价于 a = a / 5
• %=。a %= 5 等价于 a = a % 5

关系运算符

通过关系运算符可以比较两个值之间的大小关系，如果关系成立它会返回true，如果关系不成立则返回false

• 大于号

• < 小于号

• = 大于或等于

• <= 小于或等于
• == 等于
• === 全等于
• != 不等于
• !== 不全等于

非数值的比较

1. 对于非数值进行比较时，会将其转换为数字然后再比较
2. 特殊情况：如果符号两侧的值都是字符串时，不会将其转换为数字进行比较。比较两个字符串时，比较的是字符串的Unicode编码
   比较字符编码时，是一位一位进行比较。如果两位一样，则比较下一位，所以借用它可以来对英文进行排序
   因此：当我们在比较两个字符串型的数字时，一定要先转型，比如 parseInt()
3. 任何值和NaN做任何比较都是false

==符号的强调

==是判断是否等于，而不是赋值

1. ==可以验证字符串是否相同

console.log("学了没" == "学了没");        //输出结果为true

2. ==这个符号并不严谨，会将不同类型的东西，转为相同类型进行比较（大部分情况下，都是转换为数字）

console.log("6" == 6);      // true。这里的字符串"6"会先转换为数字6，然后再进行比较
console.log(true == "1");   // true
console.log(0 == -0);       // true
console.log(null == 0);   // false

3. undefined 衍生自 null，所以这两个值做相等判断时，会返回true

console.log(undefined == null);  //true

4. NaN不和任何值相等，包括他本身

console.log(NaN == NaN); //false

要想判断一个变量是否为NaN，则可以使用isNaN()函数

===全等符号的强调

如果要保证完全等于，我们就要用三个等号===，全等不会做类型转换

console.log("6" === 6);     //false
console.log(6 === 6);       //true

注意

= =反面是 != ， = = = 的反面是!==

三元运算符

三元运算符也叫条件运算符

条件表达式?语句1:语句2;

如果条件表达式为true，则执行语句1
如果条件表达式为false，则执行语句2

如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值然后再运算

Unicode 编码表

在字符串中可以使用转义字符输入Unicode编码

格式：\u四位编码

console.log("\u2600");  // 这里的 2600 采用的是16进制
console.log("\u2602");  // 这里的 2602 采用的是16进制。

也可以在网页中使用Unicode编码

格式：&#编码;
//Unicode编码采用的是16进制，但是，这里的编码需要使用10进制

举例：
<h1 style="font-size: 100px;">&#9860;</h1>