JavaScript学习笔记03【基础——对象（RegExp、Global）】

末蓝、 2022-10-29 05:17 149阅读 0赞

>  *  **w3school 在线教程：[https://www.w3school.com.cn][https_www.w3school.com.cn]**
> 
> 1.  [JavaScript学习笔记01【基础——简介、基础语法、运算符、特殊语法、流程控制语句】][JavaScript_01]【day01】
> 2.  [JavaScript学习笔记02【基础——对象（Function、Array、Date、Math、RegExp、Global）】][JavaScript_02_Function_Array_Date_Math_RegExp_Global]【day01】
> 3.  [JavaScript学习笔记03【基础——对象（RegExp、Global）】][JavaScript_03_RegExp_Global]【day01】
> 4.  [JavaScript学习笔记04【高级——DOM和事件的简单学习、BOM对象】][JavaScript_04_DOM_BOM]【day02】
> 5.  [JavaScript学习笔记05【高级——DOM对象、JavaScript中的事件】][JavaScript_05_DOM_JavaScript]【day02】

**目录**

06 JavaScript\_对象

JavaScript\_对象\_RegExp1

RegExp 对象

方括号、元字符

量词、RegExp 对象方法、支持正则表达式的String对象方法

JavaScript\_对象\_RegExp2

JavaScript\_对象\_RegExp3

JavaScript\_对象\_Global

编码函数

parseInt()、isNaN()、eval()

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

# 06 JavaScript\_对象 #

## JavaScript\_对象\_RegExp1 ##

> **RegExp：正则表达式对象**
> 
>     **1. 正则表达式：定义字符串的组成规则。**  
>             1. 单个字符：\[\]  
>                     如：\[a\] \[ab\] \[a-zA-Z0-9\_\]  
>                     \* 特殊符号代表特殊含义的单个字符:  
>                         \\d:单个数字字符 \[0-9\]  
>                         \\w:单个单词字符\[a-zA-Z0-9\_\]  
>             2. 量词符号：  
>                     ?：表示出现0次或1次  
>                     \*：表示出现0次或多次  
>                     +：出现1次或多次  
>                     \{m,n\}：m <= 数量 <= n  
>                         \* m如果缺省： \{,n\}:最多n次  
>                         \* n 如果缺省：\{m,\} 最少m次  
> **    2. 正则对象：**  
>             1. 创建  
>             2. 方法

### RegExp 对象 ###

> ![20210208160619867.png][]
> 
> ![20210208160701838.png][]

### 方括号、元字符 ###

> ![20210208160726602.png][]  ![20210208160751555.png][]
> 
> ![20210208160803241.png][]

### 量词、RegExp 对象方法、支持正则表达式的String对象方法 ###

> ![20210208160846921.png][]
> 
> ![20210208160859804.png][]

## JavaScript\_对象\_RegExp2 ##

> **RegExp：正则表达式对象**
> 
>     **1. 正则表达式：定义字符串的组成规则。**  
>             1. 单个字符：\[\]  
>                     如：\[a\] \[ab\] \[a-zA-Z0-9\_\]  
>                     \* 特殊符号代表特殊含义的单个字符:  
>                         \\d:单个数字字符 \[0-9\]  
>                         \\w:单个单词字符\[a-zA-Z0-9\_\]  
>             2. 量词符号：  
>                     ?：表示出现0次或1次  
>                     \*：表示出现0次或多次  
>                     +：出现1次或多次  
>                     \{m,n\}：m <= 数量 <= n  
>                         \* m如果缺省： \{,n\}:最多n次  
>                         \* n 如果缺省：\{m,\} 最少m次  
>             3. 开始结束符号  
>                     \* ^：开始  
>                     \* $：结束  
> **    2. 正则对象：**  
>             1. 创建  
>                     1. var reg = new RegExp("正则表达式");  
>                     2. var reg = /正则表达式/;  
>             2. 方法      
>                     test(参数)：验证指定的字符串是否符合正则定义的规范。

> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70][]

## JavaScript\_对象\_RegExp3 ##

> ![2021020816513646.png][]  ![20210208165324797.png][]
> 
> 正则表达式，第1种 定义方式：以字符串的形式来定义，“\\”带有转义的含义，若用第一种定义方式，“\\”的表示要用“\\\\”。
> 
> 正则表达式，一般都使用第2种定义方式。

## JavaScript\_对象\_Global ##

> Global  
>     1. 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用 —— 方法名();  
>     2. 方法：  
>         encodeURI()：url编码  
>         decodeURI()：url解码
> 
>         encodeURIComponent()：url编码，编码的字符更多  
>         decodeURIComponent()：url解码
> 
>         parseInt()：将字符串转为数字。  
>             \* 逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number。  
>         isNaN()：判断一个值是否是NaN。  
>             \* NaN六亲不认，连自己都不认，NaN参与的==比较全部为false。
> 
>         eval()：将 JavaScript字符串 转为 脚本代码 来执行。  
>     3. URL编码  
>        传智播客 =  %E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2
> 
> ![20210208165628779.png][]  ![20210208165806163.png][]

### 编码函数 ###

> 浏览器在数据传输时，通过传输协议进行传输，协议不支持中文数据，要想把中文数据发送到服务端，就需要对中文数据进行转码操作，转码操作经常使用URL编码来完成。
> 
> 浏览器默认也使用URL编码方式。
> 
> ![2021020817033545.png][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1][]
> 
> GBK：一个汉字，占2字节；UTF-8：一个汉字，占3字节。
> 
> ![20210208171027675.png][]

> ![20210208171532826.png][]

### parseInt()、isNaN()、eval() ###

> ![20210208172026764.png][]  ![20210208172307847.png][]
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2][]

> 中医的五劳七伤一定要知道，所谓五劳七伤，即是久视伤血、久卧伤气、久坐伤肉、久立伤骨、久行伤筋，是谓五劳所伤。  
> 七伤：大饱伤脾，大怒气逆伤肝，强力举重久坐湿地伤肾，形寒饮冷伤肺，形劳意损伤神，风雨寒暑伤形，恐惧不节伤志。  
> 我们平时的作息一定要规律，避免熬夜久坐，吃饭也一定要保持规律，定时定量。  
> 平时保持一定的运动量，但不要过于劳累。  
> 另外，要学会控制自己的情绪，做好情绪管理，保持心平气和的心理状态也很重要。

[https_www.w3school.com.cn]: https://www.w3school.com.cn/
[JavaScript_01]: https://blog.csdn.net/weixin_44949135/article/details/113743848
[JavaScript_02_Function_Array_Date_Math_RegExp_Global]: https://blog.csdn.net/weixin_44949135/article/details/113743896
[JavaScript_03_RegExp_Global]: https://blog.csdn.net/weixin_44949135/article/details/113759141
[JavaScript_04_DOM_BOM]: https://blog.csdn.net/weixin_44949135/article/details/113760098
[JavaScript_05_DOM_JavaScript]: https://blog.csdn.net/weixin_44949135/article/details/113755835
[20210208160619867.png]: /images/20221024/7bb6d61270c940dab6005f7d0315cbc9.png
[20210208160701838.png]: /images/20221024/bb57389641244a0cb09199d9208e7475.png
[20210208160726602.png]: https://img-blog.csdnimg.cn/20210208160726602.png
[20210208160751555.png]: /images/20221024/94ec6dae751f4adcbdfd6114b71d7cda.png
[20210208160803241.png]: /images/20221024/6029cec0776e4ac1a5b368d7804d8f5e.png
[20210208160846921.png]: /images/20221024/1ed8768744ff4846b3e16a05aa53c903.png
[20210208160859804.png]: /images/20221024/1c5983282a90438eb78743f6d4189671.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70]: /images/20221024/82275ee9e7fa499cadeda8e374bae453.png
[2021020816513646.png]: https://img-blog.csdnimg.cn/2021020816513646.png
[20210208165324797.png]: /images/20221024/e6669fd6e24f4a30868dd933d7f10a24.png
[20210208165628779.png]: https://img-blog.csdnimg.cn/20210208165628779.png
[20210208165806163.png]: /images/20221024/6fb024fde5ab4c5caf718ddc1a33010e.png
[2021020817033545.png]: /images/20221024/546f884098ad4a7e9bce7b0ce1417b74.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 1]: /images/20221024/3bb5b33c39264759957fdd9d5e272693.png
[20210208171027675.png]: /images/20221024/c3dd15592e7d444db0861470a4103039.png
[20210208171532826.png]: /images/20221024/2a6422cff74449778f19571a2a6e193d.png
[20210208172026764.png]: https://img-blog.csdnimg.cn/20210208172026764.png
[20210208172307847.png]: /images/20221024/5ac13caf077340dcb6416af067194143.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0OTEzNQ_size_16_color_FFFFFF_t_70 2]: /images/20221024/e2cf16b5ee6b490182f8685eb0ef0c83.png