JavaScript基础04【逻辑、复制、关系、相等运算符、Unicode编码表】

╰半夏微凉° 2022-12-07 12:20 176阅读 0赞

> **学习地址：**
> 
> 1.  [谷粒学院---尚硅谷][---]
> 2.  [尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)][JavaScript_140_JS]
> 
> --------------------
> 
> [JavaScript基础、高级学习笔记汇总表【尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)】][JavaScript_JavaScript_140_JS]

***目   录***

课时19：JS基础\_逻辑运算符

课时20：JS基础\_非布尔值的与或运算

课时21：JS基础\_赋值运算符

课时22：JS基础\_关系运算符

课时23：JS基础\_Unicode编码表

课时24：JS基础\_相等运算符

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

# 课时19：JS基础\_逻辑运算符 #

> /\*  
>  \* JS中为我们提供了三种逻辑运算符  
>  \* **! 非**  
>  \*     - !可以用来对一个值进行非运算  
>  \*     - 所谓非运算就是值对一个布尔值进行取反操作，  
>  \*         true变false，false变true  
>  \*     - 如果对一个值进行两次取反，它不会变化  
>  \*     - 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反  
>  \*         所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值  
>  \*         可以为一个任意数据类型取两次反，来将其转换为布尔值，  
>  \*         原理和Boolean()函数一样  
>  \*   
>  \* **&& 与**  
>  \*     - &&可以对符号两侧的值进行与运算并返回结果  
>  \*     - 运算规则  
>  \*         - 两个值中只要有一个值为false就返回false，  
>  \*             只有两个值都为true时，才会返回true  
>  \*         - JS中的“与”属于短路的与，  
>  \*             如果第一个值为false，则不会看第二个值  
>  \*   
>  \* **|| 或**  
>  \*     - ||可以对符号两侧的值进行或运算并返回结果  
>  \*     - 运算规则：  
>  \*         - 两个值中只要有一个true，就返回true  
>  \*             如果两个值都为false，才返回false  
>  \*        - JS中的“或”属于短路的或  
>  \*             如果第一个值为true，则不会检查第二个值  
>  \*/

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70][]   ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2][]

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript">
    			//如果两个值都是true则返回true
    			var result = true && true;
    
    			//只要有一个false，就返回false
    			result = true && false;
    			result = false && true;
    			result = false && false;
    			console.log("result = " + result);
    
    			//第一个值为true，会检查第二个值
    			true && alert("看我出不出来！！");
    
    			//第一个值为false，不会检查第二个值
    			//false && alert("看我出不出来！！");
    
    			//两个都是false，则返回false
    			result = false || false;
    
    			//只有有一个true，就返回true
    			result = true || false;
    			result = false || true;
    			result = true || true;
    
    			//console.log("result = "+result);
    
    			//第一个值为false，则会检查第二个值
    			//false || alert("123");
    
    			//第一个值为true，则不再检查第二个值
    			//true || alert("123");
    
    			var a = false;
    
    			//对a进行非运算
    			a = !a;
    			console.log("a = " + a);
    
    			var b = 10;
    			b = !!b;
    			console.log("b = " + b);
    			console.log(typeof b);
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

# 课时20：JS基础\_非布尔值的与或运算 #

> /\*  
>  \* && || 非布尔值的情况  
>  \*     - 对于非布尔值进行与或运算时，会先将其转换为布尔值，然后再运算，并且返回原值  
>  \*     - 与运算：  
>  \*         - 如果第一个值为true，则必然返回第二个值  
>  \*         - 如果第一个值为false，则直接返回第一个值  
>  \*   
>  \*     - 或运算  
>  \*         - 如果第一个值为true，则直接返回第一个值  
>  \*         - 如果第一个值为false，则返回第二个值  
>  \*/

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 3][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 4][]

# 课时21：JS基础\_赋值运算符 #

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 5][]

> /\*  
>  \* =  
>  \*     可以将符号右侧的值赋值给符号左侧的变量  
>  \* +=   
>  \*     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  
>  \*/

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 6][]

# 课时22：JS基础\_关系运算符 #

> /\*  
>  \* 通过关系运算符可以比较两个值之间的大小关系，  
>  \*     如果关系成立它会返回true，如果关系不成立则返回false  
>  \*   
>  \* **> 大于号**  
>  \*     - 判断符号左侧的值是否大于右侧的值  
>  \*     - 如果关系成立，返回true，如果关系不成立则返回false  
>  \*   
>  \* **>= 大于等于**  
>  \*     - 判断符号左侧的值是否大于或等于右侧的值  
>  \*   
>  \* **< 小于号**  
>  \* **<= 小于等于**  
>  \*   
>  \* **非数值的情况**  
>  \*     - 对于非数值进行比较时，会将其转换为数字，然后再比较  
>  \*     - 如果符号两侧的值都是字符串时，不会将其转换为数字进行比较  
>  \*         而会分别比较字符串中字符的Unicode编码  
>  \*/

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 7][]   ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 8][]
> 
> ![20200915213259197.png][]

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 9][]

# 课时23：JS基础\_Unicode编码表 #

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 10][]

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 11][]

# 课时24：JS基础\_相等运算符 #

> /\*  
>  \* 相等运算符用来比较两个值是否相等，  
>  \*     如果相等会返回true，否则返回false  
>  \*   
>  \* 使用 == 来做相等运算  
>  \*     - 当使用==来比较两个值时，如果值的类型不同，  
>  \*         则会自动进行类型转换，将其转换为相同的类型  
>  \*         然后在比较  
>  \* 不相等  
>  \*      不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false  
>  \*     - 使用 != 来做不相等运算  
>  \*     - 不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false  
>  \*   
>  \*           
>  \*  ===  
>  \*         全等  
>  \*         - 用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换  
>  \*             如果两个值的类型不同，直接返回false  
>  \*     !==  
>  \*         不全等  
>  \*         - 用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换  
>  \*             如果两个值的类型不同，直接返回true  
>  \*/

> ![20200915220120928.png][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 12][]

[---]: http://www.gulixueyuan.com/my/course/58
[JavaScript_140_JS]: https://www.bilibili.com/video/BV1YW411T7GX
[JavaScript_JavaScript_140_JS]: https://blog.csdn.net/weixin_44949135/article/details/108621932
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200915203756416.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1]: /images/20221123/9d8136d9eba24152806d9dbe58abc6c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2]: /images/20221123/d499c371a73a4f4bb37a9cdfd48f33f3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 3]: /images/20221123/9afe040a39ee416f8660b619a9a9ed5c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 4]: /images/20221123/c7acf7765f064abca31c53f612728029.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 5]: /images/20221123/6e2cd1222fa64ff099732fc912b3a05f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 6]: /images/20221123/91d814a1c0aa4898af72e3b272d01594.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200915213150938.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 8]: /images/20221123/415d7daadb8f4e70a9ee1eda1539bd0c.png
[20200915213259197.png]: /images/20221123/9ec013786371475e8004a6a957a15644.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 9]: /images/20221123/9b46235e2a3e49c6a3f43eb5d35754cf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 10]: /images/20221123/04bfd76709c74f8c8c6d913041902eb2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 11]: /images/20221123/6facb3719fbd43b3afe9454e87967566.png
[20200915220120928.png]: /images/20221123/fca3bb1e94064d879b73167065083889.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 12]: /images/20221123/143d84684f7f444081713e49de40c81b.png