正则表达式(字符串应用)

正则表达式(regular expression)：描述字符串匹配的模式（pattern），能实现非常复杂的文本查找替换操作。

1，为什么使用？

正则表达式用简短的代码，能实现非常复杂的文本查找替换操作；用字符串的api来实现同样的功能。

2，创建正则表达式的两种方式

// 方法一：
/匹配模式/。 如 /box/。

// 方法二：
new RegExp(匹配模式字符串)。 如 new RegExp('box')

区别：方法二支持传入变量

3，常见字符类型的匹配方式如下：

• .: 匹配一个任意字符。
• \d: 匹配一个数字。
• \D: 匹配一个非数字字符。
• [a-z]: 匹配一个小写字母。
• [0-9]: 匹配所有的数字
• [A-Z]: 匹配一个大写字母。
• [\u4e00-\u9fa5]: 匹配一个中文字。
• \w: 匹配字母、数字、下划线。等价于[A-Za-z0-9_]。
• \s: 匹配任何空白字符，包括空格、制表符、换页符等等。
• \S: 匹配任何非空白字符。
• \\: 匹配\。

4，匹配的模式

注：不写g，那么默认为非全局匹配

g :全局匹配，即全局查找
i :对大小写不敏感的匹配
m : 多行匹配

5，正则表达式常见的方法

• 配置

var  str = 'This is a text box, that is a check box.'
var reg = /box/；
var regG = /box/g；

1，匹配

• RegExpObject.test(string)：用于检测一个字符串是否匹配某个模式；匹配的值返回 true ，否则返回 false。
  string：必填，需要检测的字符串

/box/.test('This is a text box.') // 返回true
/box/.test('This is a text title.') // 返回 false

• string.search(regexp/substr)：用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串，则返回 -1
  注：regexp/substr：必须，查找的正则表达式或者字符串

// 正则查询
str.search(regG) // 16 获取文本中第一个box首字母的索引值位置
str.search(reg) // 16 这里不管匹不匹配 `g`，返回结果都一样

// 字符串查询
str.search('box') // 16 获取文本中第一个box首字母的索引值位置

2，提取
1，RegExpObject.exec(string)：方法用于检索字符串中的正则表达式的匹配；提取一个内容
string：必需；要检索的字符串；exec（）只返回一个匹配的结果

exec() 方法 — 案例

// 只返回第一个匹配的数组
var content = reg.exec(str)；// [{0: "box", groups: undefined, index: 15, input: "This is a text box, that is a check box", length: 1}]

// 全局搜索
// 想返回几个，就调用几次，如果没有了，返回值为 null，所以这里写一个循环比较方便
do {
    var content = regG.exec(str)
    if (content) {
        console.log(content[0])
    }
 } while (content)

2，stringObject.match(regexp/substr)：在字符串内检索指定的值，或找到一个或多个正则表达式的匹配；返回值是一个数组，没查询到返回 null；提取多个内容
注：regexp/substr：必须，查找的正则表达式或者字符串

match() 方法 — 案例

// 正则表达式用法 — 对象
str.match(regG) ；//  ["box", "box"]
str.match(reg) ；// {0: "box", groups: undefined, index: 15, input: "This is a text box, that is a check box", length: 1}  默认返回第一个查询到值的对象
str.match(/boxs/)；  // null

// 正则表达式用法 — 字符串
str.match(‘box’); // {0: "box", groups: undefined, index: 15, input: "This is a text box, that is a check box", length: 1}  默认返回第一个查询到值的对象

3，替换
stringObject.replace(regexp,replacement)：在字符串中用一些字符替换替换一个与正则表达式匹配的子串；返回一个新的字符串。

• regexp/substr：必须，规定子字符串或要替换的模式的 RegExp 对象
• replacement：必须。一个字符串值。规定了替换文本或生成替换文本的函数

var str =' This is a text box, that is a check box.'

正则表达式：全局替换 与 非全局替换
str.replace(/box/g, 'button')；//  " This is a text button, that is a check button."
str.replace(/box/, 'button')；// " This is a text button, that is a check box."

字符串替换
str.replace('box', 'button')；// " This is a text button, that is a check box."

4，切割
stringObject.split(substr,howmany)：在字符串中用一些字符替换另一些字符；返回一个新的数组。

• substr：必须，规定子字符串或要替换的模式的 RegExp 对象。
• howmany：可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

// 字符串
str.split( ' ', 5); // ["This", "is", "a", "text", "box,"]
str.split( '', 5);  // ["T", "h", "i", "s", " "]

// 将分割结构更为复杂的字符串
"|a|b|c".split("|") //将返回["", "a", "b", "c"]

6，匹配文本以...开始和以...结尾

查找文本是否以字母开头，以数字结尾。代码实现如下:

/^[a-zA-Z].*\d$/.test('ab1') // true

^用来匹配输入字符串的开始位置。$用来匹配输入字符串的结束位置。

7，匹配重复

/aaaaa/.test('aaaaa') // true
/a{5}/.test('aaaaa') // true

/(138|159)/.test('138') // true
/(138|159)/.test('159') // true

重复字符的匹配方式如下：

• *: 匹配前面的子表达式零次或多次。
• +: 匹配前面的子表达式一次或多次。
• ?: 匹配前面的子表达式零次或一次。
• {n}: 匹配前面的子表达式确定的 n 次。
• {n,}: 匹配前面的子表达式至少 n 次。
• {n,m}: 匹配前面的子表达式 n 到 m之间。

8，贪婪模式与非贪婪模式

这里不做详细介绍

// 贪婪模式
/<.+>/

// 非贪婪模式，在贪婪模式后面加一个 ？
/<.+?>/