JavaScript 巩固基础-练习正则方法☆☆☆ 今天的内容 ( 正则的深入学习以及工作中用到的正则方法 ) 重点!

这是我参与8月更文挑战的第16天，活动详情查看：8月更文挑战

☆☆☆ 今天的内容 ( 正则的深入学习以及工作中用到的正则方法 ) 重点!! ☆☆☆

可作为初学者的学习路线, 可参考一下, 学习进度也不是特别赶! 持续更新中

结合自己的理解, 用白话文简单又全面概括 JavaScript 学习过程中的基础知识点, 方便加深理解!

开始今天的学习吧! '打牢地基才能筑高楼'! 加油! 认真对待!!

1、梳理复习昨天知识点

offsetWidth / clientWidth / style.width
offsetLeft / offsetTop
放大镜: onmouseover / out / move
正则： \d \w \s ^ $ . ? -- {0,1} +--{1,} \*--{0,} 1[35] 1(3|5) /^\w5$/

2、正则实现表单验证

需要事件：
- onsubmit 为 form 标签添加事件
- onsubmit 事件处理程序中，通过 return 的返回值可以现在用户是否提交成功
需要 type 值为 submit 的按钮

3、正则中的相关方法

3.1 正则表达式相关方法

.test() 检验一个字符串是否符合某一个正则规范，如果符合返回 true，否则返回 false

3.2 用法： `reg.test(str)`

.exec() 根据正则表达式查找，结果会返回一个长度为 1 的数组（数组只有一个值）

用法： reg.exec(str);

正则中字符串的方法：

.search(reg) 方法返回与正则表达式查找内容匹配的第一个子字符串的位置。

用法： str.search(reg);

.match() 方法使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回。

用法： str.match(reg)

str.replace(原字符串,新字符串)

.replace（） 通过正则表达式替换，返回结果是原字符串被替换后的新字符串

用法： str.replace(正则表达式,要替换的新字符串) 如果想实现全局替换，在正则表达式上加一个修饰符 g

3.3 正则表达式方法练习

str = "good good study, day day up";

将该字符串中的 good 替换成 best

var reg = /good/g
str.replace(reg, 'best')

str = " hello big , hello big beg bog bag bag ";

将 bog beg bag big 替换成 bug

var reg = /b(o|e|a|i)g/g; // 或者: /b[oeai]g/g
str.replace(reg, 'bug')

去除字符串开始位置处的空白字符 " hello world "

     "   hello world ".replace(/^\s+/,"")
```       
5. 去除字符串结束位置处的空白字符

```js
     "   hello world     ".replace(/\s+$/,"")

一次性去除字符串开始和结束位置处的空白

'   hello world     '.replace(/(^\s+)|(\s+$)/g, '')

将字符串中的所有空白字符去除

'   hello world     '.replace(/\s+/g, '')

var str = "我是不是211你213最爱985的人";

查找字符串中的数字，存入到数组中

var reg = /\d+/
var arr = str.match(reg)

预告: 加油, 追梦人

【预告】: 接下来学习 cookie, 也是必知必会的吧..

学习就是一个不断进行的过程, 坚持下去, 定有收获!

日积月累, 巩固基础, 早进大厂!

坚持很不容易, 坚持下来更不容易, 你真棒!

Calm Down & Carry On!

JavaScript 巩固基础-练习正则方法