关于java:JS正则表达式

学习指标：

一、正则表达式

1.1 正则表达式概述

依照肯定的规定，查找和替换字符串。

正则表达式概念：

正则表达式 (英文为 regular Expression) 是一种【字符串检索模式】

正则表达式具体表现为一个字符串的样子。

正则表达式执行原理是：

通过【参数字符串】设置检索规定，在【指定字符串】中检索合乎规定的字符串。

正则表达式的作用是：

能够用来进行 文本搜寻和文本替换。

1.2 正则表达式根本语法

正则表达式的根本语法

语法：/ 正则表达式主体 / 修饰符(可选)

例如：var frk_reg = /frank/gi;

其中

(1)/frank/ i 是一个正则表达式

(2)frank 是这个正则表达式的主体，示意想要检索的内容是 frank

(3)i 是一个正则表达式的修饰符，示意检索内容时不辨别大小写

1.3 正则表达式常见用法

正则表达式在理论开发中个别不会独自应用，而是会配合一些办法来实现某种性能。

因为正则表达式的作用是对字符串进行操作，所以个别在理论开发中正则表达式会配合字符串的 search 和 replace 办法来应用。

1.3.1 search 办法

search 办法用于检索与正则表达式相匹配的子字符串，并 返回子字符串 的起始地位 。 找不到是 -1

例如：

在指定字符串中，通过正则表达式搜寻指标子字符串。并且不辨别大小写。

var str = ‘Hello Frank! GoodBye Frank!’;

var first_index = str.search(/frank/i);

console.log(first_index);

1.3.2 match 办法

match() 办法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

返回值寄存匹配后果的数组

**var str = ‘Hello Frank! GoodBye Frank!’;
var first_index = str.match(/frank/gi);
console.log(first_index);**

1.3.3 replace 办法

replace 办法：用于在指定字符串中 用一个字符串替换一个与正则表达式相匹配的子字符串

例如：

在指定字符串中，通过正则表达式替换指定字符串中的指标字符串

var str = ‘Hello Frank! GoodBye Frank!’;

var newStr = str.replace(/frank/i,’frankenStein’);

console.log(newStr);

很显然 replace 办法的作用是替换第一个匹配到的字符串，所以咱们仅替换了第一个合乎规定的 Frank。

二、正则表达式进阶

2.1 修饰符

修饰符是正则表达式进行字符串检索时【检索规定】的制定者之一。

修饰符规定了正则应依照何种形式进行检索。

常见的修饰符类型有两种：i、g

i 修饰符，示意正则检索内容时不辨别大小写

例如：

应用 i 修饰符，在 str 中检索 frank 呈现的第一次下标

​ var str = ‘Hello Frank! GoodBye Frank!’;

​ var first_index = str.search(/frank/i);

​ console.log(first_index);

​ 代码的执行后果是：6

​ 不应用 i 修饰符，在 str 中检索 frank 呈现的第一次下标

​ var str = ‘Hello Frank! GoodBye Frank!’;

var first_index = str.search(/frank/);

console.log(first_index);

​ 代码的执行后果是：-1

g 修饰符，示意正则检索内容时采纳全局匹配，而不是找到第一个就进行。

例如：

应用 g 修饰符，在 str 中替换所有的 Frank 为 frankenStein

var str = ‘Hello Frank! GoodBye Frank!’;

var newStr = str.replace(/frank/gi,’frankenStein’);

console.log(newStr);

代码的执行后果是：Hello frankenStein! GoodBye frankenStein!

不应用 g 修饰符，在 str 中替换所有的 Frank 为 frankenStein

​ var str = ‘Hello Frank! GoodBye Frank!’;

​ var newStr = str.replace(/frank/i,’frankenStein’);

​ console.log(newStr);

​ 代码的执行后果是：Hello frankenStein! GoodBye Frank!

2.2 检索模式

正则表达式的检索模式，用于指定正则采纳何种形式进行内容的检索。

常见的检索模式有 表达式模式、元字符模式和量词模式三种。

他们并不相互独立而是相辅相成的关系，就像修饰符能够多个一起应用一样。

2.2.1 表达式模式

正则表达式的书写形式是通过表达式编写的模式称为表达式模式。

常见的表达式模式有以下三种:

​ a) [abc]

​ b) [0-9]

​ c) [m|n]

每一种模式中的内容都是示意一类值，而不是字面的含意。

一个方括号代表一个字符。

[abc]：在指定字符串中检索，查找任何满足【存在于方括号中】规定的字符或字符串。

例如：

在 str 中替换所有: 只有满足【是 a、b 当中之一】的字符为(frank)

var str = ’12abc12ABC’;

var newStr = str.replace(/[ab]/gi,'(frank)’);

console.log(newStr);//12(frank)(frank)c12(frank)(frank)C

正则不只是能替换英文，对于中文正则依然失效

var str = ‘ 你好，弗兰克！再见，弗兰克！’;

var newStr = str.replace(/[弗兰克]/g,'(frank)’);

console.log(newStr);// 你好，(frank)(frank)(frank)！再见，(frank)(frank)(frank)！

正则匹配字符串时采纳多个方括号即可

var str = ‘ 你好，弗兰克！再见，弗兰克！’;

var newStr = str.replace(/弗[克]/g,'(frank)’);

console.log(newStr);// 你好，(frank)！再见，(frank)！

[0-9]: 在指定字符串中检索，查找任何满足【0 至 9 之间】规定的的字符或字符串。该模式对字母也实用。

例如：在 str 中替换所有：【任意是 0 - 9 之间之一】的字符为(frank)

var str = ’12abc12ABC’;

var newStr = str.replace(/[0-9]/gi,'(frank)’);

console.log(newStr);//(frank)(frank)abc(frank)(frank)ABC

在 str 中替换所有：【任意是 a - z 之间之一】的字符为(frank)

var str = ’12abc12ABC’;

var newStr = str.replace(/[a-z]/g,'(frank)’);

console.log(newStr);//12(frank)(frank)(frank)12ABC

在 str 中替换所有：【任意是 A - Z 之间之一】的字符为(frank)

​ var str = ’12abc12ABC’;

​ var newStr = str.replace(/[A-Z]/g,'(frank)’);

console.log(newStr);//12abc12(frank)(frank)(frank)

(x|y)：在指定字符串中检索，查找任何满足【以 | 分隔的选项之一】的字符或字符串。

例如：

在 str 中替换所有：【ab 或者是 ABC 字符串】为 '(frank)’

var str = ’12abc12abABC’;

var newStr = str.replace(/(ab|ABC)/g,'(frank)’);

console.log(newStr);//12(frank)c12(frank)(frank)

[外链图片转存失败, 源站可能有防盗链机制, 倡议将图片保留下来间接上传(img-yQoRsvHS-1608536259202)(020901JS 正则表达式.assets/clip_image012.png)]

ps: 须要留神的是，如果应用 | 进行正则查找，则应用的是小括号。而不是中括号

2.2.2 元字符模式

​ 元字符：具备非凡含意的字符称为元字符。

​ 通过元字符来进行正则检索的模式，称为元字符模式。

常见的元字符模式有以下三种:

a) \w

b) \d

​ c) \s

​ d) \b

一个元字符代表一个字符。

\w 元字符用于查找字母，数字，下划线。

a-z、A-Z、0-9，以及下划线。

var str\ = ‘$12abc12a@@^\(\^bABC’;
var re\ = str\.match(/\w/g);
console\.log(re\);

\W: 除了字母，数字，下划线

\d：在指定字符串中检索，查找任何【是数字】规定的字符或字符串。

例如：

var str = ’12abc12abABC’;

var newStr = str.replace(/\d/g,'(frank)’);

console.log(newStr);//(frank)(frank)abc(frank)(frank)abABC

var str = ’12abc12abABC’;

var newStr = str.replace(/\d\d/g,'(frank)’);

console.log(newStr);//(frank)abc(frank)abABC

\D：除了数字的

\s: 在指定字符串中检索，查找任何【是空白】规定的字符或字符串

例如：

var str = ‘ 12abc 12ab ABC ‘;

var newStr = str.replace(/\s/g,'(frank)’);

console.log(newStr);//(frank)12abc(frank)12ab(frank)ABC(frank)

var str = ‘ 12abc 12ab ABC ‘;

var newStr = str.replace(/\s\s/g,'(frank)’);

console.log(newStr);// 12abc 12ab ABC

\S: 除了空白的字符

\b: 在指定字符串中检索，查找任何【是单词边界】规定的字符或字符串