JavaScript onkeyup正则表达式 js正则表达式?

文章目录

• 一、正则表达式是什么？
• 二、正则表达式修饰符
• 三、正则表达式模式
• 四、如何使用正则表达式？

• 字符串中的方法

• search()
• replace()
• match
• split

• 正则表达式的方法

• test()
• exec()

• 五、案例

---

一、正则表达式是什么？

正则表达式是构成搜索模式的字符序列。
当搜索文本中的数据时，可使用搜索模式来描述搜索的内容。
正则表达式可以是单字符，或者更复杂的模式。
正则表达式可用于执行所有类型的文本搜索和文本替换操作。
例如：
/Ljy/i 是一个正则表达式。
Ljy是模式（在搜索中使用）。
i 是修饰符（把搜索修改为大小写不敏感）。

二、正则表达式修饰符

修饰符	描述
i	执行对大小写不敏感的匹配。
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m	执行多行匹配。

三、正则表达式模式

括号用于查找一定范围的字符串：

表达式	描述
[abc]	查找方括号之间的任何字符。
[0-9]	查找任何从 0 至 9 的数字。
(x|y)	查找由

元字符是拥有特殊含义的字符：

元字符	描述
\d	查找数字。
\s	查找空白字符。
\b	匹配单词边界。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

Quantifiers 定义量词：

量词	描述
n+	匹配任何包含至少一个 n 的字符串。
n*	匹配任何包含零个或多个 n 的字符串。
n?	匹配任何包含零个或一个 n 的字符串。

锚点：
锚点指定个各行的模式位置。下面是两个最重要的锚点：
^(插入符号)将模式固定到行首。例如，模式^1 匹配以 1 开头的任意行。
$(美元符)将模式固定到句尾。例如，9$匹配以 9 结尾的任意行。

四、如何使用正则表达式？

字符串中的方法

search()

search() 方法使用表达式来搜索匹配，然后返回匹配的位置。

var str = "ljy666";
			console.log(str.search(/666/g))

z

replace()

replace()方法返回模式被替换处修改后的字符串。

var str = "ljy666";
			console.log(str.replace(/666/g,999))

match

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
返回值:存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

var str = "ljy666j88j";
			var reg=/j/g
			console.log(str.match(reg))

split

split() 方法用于把一个字符串分割成字符串数组。如果传入的正则表达式，则按照正则表达式匹配到的字符分割。

var str = "ljy666j88j";
			var reg=/[6-8]/g
			console.log(str.split(reg))

正则表达式的方法

test()

它通过模式来搜索字符串，然后根据结果返回 true 或 false。

var str = "ljy666";
			var reg=/j/g
			console.log(reg.test(str))

exec()

它通过指定的模式（pattern）搜索字符串，并返回已找到的文本。
如果未找到匹配，则返回 null。

var str = "ljy666";
			var reg=/j/g
			console.log(reg.exec(str))

五、案例

1.判断是否文件是否是JPG或者PNG图片.jpg 或者 .png结尾

var reg=/\.(jpg|png)$/ //.jpg 或者 .png结尾
			var str="ljy.js"
			var re=reg.test(str)
			console.log(re)

2.去掉字符串的头尾空格

var reg=/^\s/g
			var str="  ab c "
			var re=str.replace(reg,"")	
			console.log("---"+re+"--")

3.判断是不是手机号

var reg=/^1[3|5|6|7|8|9][0-9]{9}/
		   var str=18888888888
		   console.log(reg.test(str))

4.一些括号的正则匹配

var regex1 = /((.+?))/g; // () 小括号
 var regex2 = /[(.+?)]/g; // [] 中括号
 var regex3 = /{(.+?)}/g; // {} 花括号，大括号