JS正则表达式

最新推荐文章于 2024-09-05 16:22:40 发布

饼饼bady

最新推荐文章于 2024-09-05 16:22:40 发布

阅读量1.1k

点赞数 16

文章标签： javascript 正则表达式 java

本文链接：https://blog.csdn.net/wmfbady/article/details/140327322

版权

JS正则表达式

JavaScript RegExp 对象

什么是 RegExp？

RegExp 是正则表达式的缩写。

当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。

简单的模式可以是一个单独的字符。

更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。

您可以规定字符串中的检索位置，以及要检索的字符类型，等等。

定义 RegExp

RegExp 对象用于存储检索模式。

通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象，其模式是 “e”：

var patt1=new RegExp("e");

当您使用该 RegExp 对象在一个字符串中检索时，将寻找的是字符 “e”。

RegExp 对象的方法

RegExp 对象有 3 个方法：test()、exec() 以及 compile()。

test()

test() 方法检索字符串中的指定值。返回值是 true 或 false。

例子：

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));

由于该字符串中存在字母 “e”，以上代码的输出将是：

true

TIY

exec()

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。

例子 1：

var patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free"));

由于该字符串中存在字母 “e”，以上代码的输出将是：

TIY

例子 2：

您可以向 RegExp 对象添加第二个参数，以设定检索。例如，如果需要找到所有某个字符的所有存在，则可以使用 “g” 参数 (“global”)。

如需关于如何修改搜索模式的完整信息，请访问我们的 RegExp 对象参考手册。

在使用 “g” 参数时，exec() 的工作原理如下：

找到第一个 “e”，并存储其位置
如果再次运行 exec()，则从存储的位置开始检索，并找到下一个 “e”，并存储其位置

var patt1=new RegExp("e","g");
do
{
result=patt1.exec("The best things in life are free");
document.write(result);
}
while (result!=null)

由于这个字符串中 6 个 “e” 字母，代码的输出将是：

eeeeeenull

TIY

compile()

compile() 方法用于改变 RegExp。

compile() 既可以改变检索模式，也可以添加或删除第二个参数。

例子：

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));

patt1.compile("d");

document.write(patt1.test("The best things in life are free"));

由于字符串中存在 “e”，而没有 “d”，以上代码的输出是：

truefalse

RegExp 对象

RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。

直接量语法

/pattern/attributes

创建 RegExp 对象的语法：

new RegExp(pattern, attributes);

参数

参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。

参数 attributes 是一个可选的字符串，包含属性 “g”、“i” 和 “m”，分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前，不支持 m 属性。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数。

返回值

一个新的 RegExp 对象，具有指定的模式和标志。如果参数 pattern 是正则表达式而不是字符串，那么 RegExp() 构造函数将用与指定的 RegExp 相同的模式和标志创建一个新的 RegExp 对象。

如果不用 new 运算符，而将 RegExp() 作为函数调用，那么它的行为与用 new 运算符调用时一样，只是当 pattern 是正则表达式时，它只返回 pattern，而不再创建一个新的 RegExp 对象。

修饰符

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

一.方括号

方括号用于查找某个范围内的字符:

表达式	描述
[abc]	查找方括号之间的任何字符。
[^abc]	查找任何不在方括号之间的字符。
[0-9]	查找任何从 0 至 9 的数字。
[a-z]	查找任何从小写 a 到小写 z 的字符。
[A-Z]	查找任何从大写 A 到大写 Z 的字符。
[A-z]	查找任何从大写 A 到小写 z 的字符。
[adgk]	查找给定集合内的任何字符。
[^adgk]	查找给定集合外的任何字符。
(red\|blue\|green)	查找任何指定的选项。

1.JavaScript RegExp [abc] 表达式

定义和用法

[abc] 表达式用于查找方括号之间的任何字符。

方括号内的字符可以是任何字符或字符范围。

语法

new RegExp("[abc]")

直接量语法：

/[abc]/

浏览器支持

所有主流浏览器都支持 [abc] 表达式。

实例

在字符串中对字符范围 [a-h] 进行全局搜索：

var str="Is this all there is?";
var patt1=/[a-h]/g;

下面被标记的文本显示了表达式获得匹配的位置：

Is this all there is?

2.JavaScript RegExp [^abc] 表达式

定义和用法

[^abc] 表达式用于查找任何不在方括号之间的字符。

方括号内的字符可以是任何字符或字符范围。

语法

new RegExp("[^xyz]")

直接量语法：

/[^xyz]/

浏览器支持

所有主流浏览器都支持 [^abc] 表达式。

实例

对不在字符范围 [a-h] 内的字符进行全局搜索：

var str="Is this all there is?";
var patt1=/[^a-h]/g;

下面被标记的文本显示了表达式获得匹配的位置：

Is this all there is?

二.元字符

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

元字符	描述
.	查找单个字符，除了换行和行结束符。
\w	查找单词字符。
\W	查找非单词字符。
\d	查找数字。
\D	查找非数字字符。
\s	查找空白字符。
\S	查找非空白字符。
\b	匹配单词边界。
\B	匹配非单词边界。
\0	查找 NUL 字符。
\n	查找换行符。
\f	查找换页符。
\r	查找回车符。
\t	查找制表符。
\v	查找垂直制表符。
\xxx	查找以八进制数 xxx 规定的字符。
\xdd	查找以十六进制数 dd 规定的字符。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

1.JavaScript RegExp . 元字符

定义和用法

. 元字符用于查找单个字符，除了换行和行结束符。

语法

new RegExp("regexp.")

直接量语法：

/regexp./

浏览器支持

所有主流浏览器都支持 . 元字符。

实例

对字符串中的 “h.t” 进行全局搜索：

var str="That's hot!";
var patt1=/h.t/g;

下面被标记的文本显示了表达式获得匹配的位置：

That's hot!

2.JavaScript RegExp \w 元字符

定义和用法

\w 元字符用于查找单词字符。

语法

new RegExp("\w")

直接量语法：

/\w/

浏览器支持

所有主流浏览器都支持 \w 元字符。

实例

对字符串中的单词字符进行全局搜索：

var str="Give 100%!";
var patt1=/\w/g;

下面被标记的文本显示了表达式获得匹配的位置：

Give 100%!

3.JavaScript RegExp \W 元字符

JavaScript RegExp 对象

定义和用法

\W 元字符用于查找非单词字符。

单词字符包括：a-z、A-Z、0-9，以及下划线。

语法

new RegExp("\W")

直接量语法：

/\W/

浏览器支持

所有主流浏览器都支持 \W 元字符。

实例

对字符串中的非单词字符进行全局搜索：

var str="Give 100%!";
var patt1=/\W/g;

下面被标记的文本显示了表达式获得匹配的位置：

Give 100%!

4.JavaScript RegExp \d 元字符

定义和用法

\d 元字符用于查找数字字符。

语法

new RegExp("\d")

直接量语法：

/\d/

浏览器支持

所有主流浏览器都支持 \d 元字符。

实例

对数字进行全局搜索：

var str="Give 100%!";
var patt1=/\d/g;

下面被标记的文本显示了表达式获得匹配的位置：

Give 100%!

5.JavaScript RegExp \d 元字符

定义和用法

\d 元字符用于查找数字字符。

语法

new RegExp("\d")

直接量语法：

/\d/

浏览器支持

所有主流浏览器都支持 \d 元字符。

实例

对数字进行全局搜索：

var str="Give 100%!";
var patt1=/\d/g;

下面被标记的文本显示了表达式获得匹配的位置：

Give 100%!

6.JavaScript RegExp \d 元字符

JavaScript RegExp 对象

定义和用法

\d 元字符用于查找数字字符。

语法

new RegExp("\d")

直接量语法：

/\d/

浏览器支持

所有主流浏览器都支持 \d 元字符。

实例

对数字进行全局搜索：

var str="Give 100%!";
var patt1=/\d/g;

下面被标记的文本显示了表达式获得匹配的位置：

Give 100%!

7.JavaScript RegExp \s 元字符

JavaScript RegExp 对象

定义和用法

\s 元字符用于查找空白字符。

空白字符可以是：

空格符 (space character)
制表符 (tab character)
回车符 (carriage return character)
换行符 (new line character)
垂直换行符 (vertical tab character)
换页符 (form feed character)

语法

new RegExp("\s")

直接量语法：

/\s/

浏览器支持

所有主流浏览器都支持 \s 元字符。

实例

对字符串中的空白字符进行全局搜索：

var str="Is this all there is?";
var patt1=/\s/g;

下面被标记的文本显示了表达式获得匹配的位置：

Is this all there is?

8.JavaScript RegExp \B 元字符

JavaScript RegExp 对象

定义和用法

\B 元字符匹配非单词边界。匹配位置的上一个和下一个字符的类型是相同的：即必须同时是单词，或必须同时是非单词字符。字符串的开头和结尾处被视为非单词字符。

如果未找到匹配，则返回 null。

提示：\B 元字符通常用于查找不处在单词的开头或结尾的匹配。

例如：/\B…/ 匹配 “noonday” 中的 ‘oo’，而 /y\B./ 匹配 “possibly yesterday.” 中的 ‘ye’。

亲自试一试

语法

new RegExp("\Bregexp")

直接量语法：

/\Bregexp/

浏览器支持

所有主流浏览器都支持 \B 元字符。

实例

对字符串中不位于单词开头或结尾的 “School” 进行全局搜索：

var str="Visit W3School";
var patt1=/\BSchool/g;

下面被标记的文本显示了表达式获得匹配的位置：

Visit W3School

9.JavaScript RegExp \n 元字符

JavaScript RegExp 对象

定义和用法

\n 元字符用于查找换行符。

\n 返回换行符被找到的位置。如果未找到匹配，则返回 -1。

语法

new RegExp("\n")

直接量语法：

/\n/

浏览器支持

所有主流浏览器都支持 \n 元字符。

实例

搜索字符串中的换行字符：

var str="Visit W3School.\nLearn Javascript.";
var patt1=/\n/;

下面被标记的文本显示了表达式获得匹配的位置：

Visit W3School.\nLearn Javascript.

10.JavaScript RegExp \xxx 元字符

JavaScript RegExp 对象

定义和用法

\xxx 元字符用于查找以八进制数 xxx 规定的字符。

如果未找到匹配，则返回 null。

语法

new RegExp("\xxx")

直接量语法：

/\xxx/

浏览器支持

所有主流浏览器都支持 \xxx 元字符。

实例

对字符串中的八进制 127 (W) 进行全局搜索：

var str="Visit W3School. Hello World!";
var patt1=/\127/g;

下面被标记的文本显示了表达式获得匹配的位置：

Visit W3School. Hello World!

11.JavaScript RegExp \xdd 元字符

JavaScript RegExp 对象

定义和用法

\xdd 元字符查找以十六进制数 dd 规定的字符。

如果未找到匹配，则返回 null。

语法

new RegExp("\xdd")

直接量语法：

/\xdd/

浏览器支持

所有主流浏览器都支持 \xdd 元字符。

实例

对字符串中的十六进制 57 (W) 进行全局搜索：

var str="Visit W3School. Hello World!";
var patt1=/\x57/g;

下面被标记的文本显示了表达式获得匹配的位置：

Visit W3School. Hello World!

12.JavaScript RegExp \uxxxx 元字符

JavaScript RegExp 对象

定义和用法

\uxxxx 元字符用于查找以十六进制数 xxxx 规定的 Unicode 字符。

如果未找到匹配，则返回 null。

语法

new RegExp("\uxxxx")

直接量语法：

/\uxxxx/

浏览器支持

所有主流浏览器都支持 \uxxxx 元字符。

实例

对字符串中的十六进制 0057 (W) 进行全局搜索：

var str="Visit W3School. Hello World!";
var patt1=/\u0057/g;

下面被标记的文本显示了表达式获得匹配的位置：

Visit W3School. Hello World!

三.量词

量词	描述
n+	匹配任何包含至少一个 n 的字符串。
n*	匹配任何包含零个或多个 n 的字符串。
n?	匹配任何包含零个或一个 n 的字符串。
n{X}	匹配包含 X 个 n 的序列的字符串。
n{X,Y}	匹配包含 X 至 Y 个 n 的序列的字符串。
n{X,}	匹配包含至少 X 个 n 的序列的字符串。
n$	匹配任何结尾为 n 的字符串。
^n	匹配任何开头为 n 的字符串。
?=n	匹配任何其后紧接指定字符串 n 的字符串。
?!n	匹配任何其后没有紧接指定字符串 n 的字符串。

1.JavaScript RegExp + 量词

JavaScript RegExp 对象

定义和用法

n+ 量词匹配包含至少一个 n 的任何字符串。

语法

new RegExp("n+")

直接量语法：

/n+/

浏览器支持

所有主流浏览器都支持 + 量词。

实例

例子 1

对至少一个 “o” 进行全局搜索：

var str="Hellooo World! Hello W3School!";
var patt1=/o+/g;

下面被标记的文本显示了表达式获得匹配的位置：

Hellooo World! Hello W3School!

2.JavaScript RegExp * 量词

JavaScript RegExp 对象

定义和用法

n+ 量词匹配包含零个或多个 n 的任何字符串。

语法

new RegExp("n*")

直接量语法：

/n*/

浏览器支持

所有主流浏览器都支持 * 量词。

实例

例子 1

对 “l” 进行全局搜索，包括其后紧跟的一个或多个 “o”：

var str="Hellooo World! Hello W3School!";
var patt1=/lo*/g;

下面被标记的文本显示了表达式获得匹配的位置：

Hellooo World! Hello W3School!

TIY

例子 2

对 “1” 进行全局搜索，包括其后紧跟的一个或多个 “0”：

var str="1, 100 or 1000?";
var patt1=/10*/g;

下面被标记的文本显示了表达式获得匹配的位置：

1, 100 or 1000?

3.JavaScript RegExp ? 量词

JavaScript RegExp 对象

定义和用法

n? 量词匹配任何包含零个或一个 n 的字符串。

语法

new RegExp("n?")

直接量语法：

/n?/

浏览器支持

所有主流浏览器都支持 ? 量词。

实例

对 “1” 进行全局搜索，包括其后紧跟的零个或一个 “0”：

var str="1, 100 or 1000?";
var patt1=/10?/g;

下面被标记的文本显示了表达式获得匹配的位置：

1, 100 or 1000?

4.JavaScript RegExp {X} 量词

JavaScript RegExp 对象

定义和用法

n{X,} 量词匹配包含 X 个 n 的序列的字符串。

X 必须是数字。

语法

new RegExp("n{X}")

直接量语法：

/n{X}/

浏览器支持

所有主流浏览器都支持 {X} 量词。

实例

对包含四位数字序列的子串进行全局搜索：

var str="100, 1000 or 10000?";
var patt1=/\d{4}/g;

下面被标记的文本显示了表达式获得匹配的位置：

100, 1000 or 10000?

5.JavaScript RegExp {X,Y} 量词

JavaScript RegExp 对象

定义和用法

n{X,Y} 量词匹配包含 X 至 Y 个 n 的序列的字符串。

X 和 Y 必须是数字。

语法

new RegExp("n{X,Y}")

直接量语法：

/n{X,Y}/

浏览器支持

所有主流浏览器都支持 {X,Y} 量词。

实例

对包含三位至四位数字序列的子串进行全局搜索：

var str="100, 1000 or 10000?";
var patt1=/\d{3,4}/g;

下面被标记的文本显示了表达式获得匹配的位置：

100, 1000 or 10000?

6.JavaScript RegExp {X,} 量词

JavaScript RegExp 对象

定义和用法

n{X,} 量词匹配包含至少 X 个 n 的序列的字符串。

X 必须是数字。

语法

new RegExp("n{X,}")

直接量语法：

/n{X,}/

浏览器支持

所有主流浏览器都支持 {X,} 量词。

实例

对包含至少三位数字序列的子串进行全局搜索：

var str="100, 1000 or 10000?";
var patt1=/\d{3,}/g;

下面被标记的文本显示了表达式获得匹配的位置：

100, 1000 or 10000?

7.JavaScript RegExp $ 量词

JavaScript RegExp 对象

定义和用法

n$ 量词匹配任何结尾为 n 的字符串。

语法

new RegExp("n$")

直接量语法：

/n$/

浏览器支持

所有主流浏览器都支持 $ 量词。

实例

对字符串结尾的 “is” 进行全局搜索：

var str="Is this his";
var patt1=/is$/g;

下面被标记的文本显示了表达式获得匹配的位置：

Is this his

8.JavaScript RegExp ^ 量词

JavaScript RegExp 对象

定义和用法

n^ 量词匹配任何开头为 n 的字符串。

语法

new RegExp("^n")

直接量语法：

/^n/

浏览器支持

所有主流浏览器都支持 ^ 量词。

实例

对字符串开头的 “is” 进行全局搜索：

var str="Is this his";
var patt1=/^Is/g;

下面被标记的文本显示了表达式获得匹配的位置：

Is this his

9.JavaScript RegExp ?= 量词

JavaScript RegExp 对象

定义和用法

?=n 量词匹配任何其后紧接指定字符串 n 的字符串。

语法

new RegExp("regexp(?=n)")

直接量语法：

/regexp(?=n)/

浏览器支持

所有主流浏览器都支持 ?= 量词。

实例

对其后紧跟 “all” 的 “is” 进行全局搜索：

var str="Is this all there is";
var patt1=/is(?= all)/g;

下面被标记的文本显示了表达式获得匹配的位置：

Is this all there is

10.JavaScript RegExp ?! 量词

JavaScript RegExp 对象

定义和用法

?!n 量词匹配其后没有紧接指定字符串 n 的任何字符串。

语法

new RegExp("regexp(?!n)")

直接量语法：

/regexp(?!n)/

浏览器支持

所有主流浏览器都支持 ?! 量词。

实例

对其后没有紧跟 “all” 的 “is” 进行全局搜索：

var str="Is this all there is";
var patt1=/is(?! all)/gi;

下面被标记的文本显示了表达式获得匹配的位置：

Is this all there is

四.RegExp 对象属性

属性	描述	FF	IE
global	RegExp 对象是否具有标志 g。	1	4
ignoreCase	RegExp 对象是否具有标志 i。	1	4
lastIndex	一个整数，标示开始下一次匹配的字符位置。	1	4
multiline	RegExp 对象是否具有标志 m。	1	4
source	正则表达式的源文本。	1	4

1.JavaScript global 属性

JavaScript RegExp 对象

定义和用法

global 属性用于返回正则表达式是否具有标志 “g”。

它声明了给定的正则表达式是否执行全局匹配。

如果 g 标志被设置，则该属性为 true，否则为 false。

语法

RegExpObject.global

实例

在下面的例子中，我们将查看正则表达式是否具有标志 g：

<script type="text/javascript">
var str = "Visit W3School.com.cn";
var patt1 = new RegExp("W3");

if(patt1.global)
  {
  alert("Global property is set");
  }
else
  {
  alert("Global property is NOT set.");
  }
</script>

2.JavaScript ignoreCase 属性

JavaScript RegExp 对象

定义和用法

ignoreCase 属性规定是否设置 “i” 标志。

如果设置了 “i” 标志，则返回 true，否则返回 false。

语法

RegExpObject.ignoreCase

实例

在下面的例子中，我们将查看正则表达式是否具有标志 i：

<script type="text/javascript">
var str = "Visit W3School";
var patt1 = new RegExp("W3");

if(patt1.ignoreCase)
  {
  alert("ignoreCase property is set");
  }
else
  {
  alert("ignoreCase property is NOT set.");
  }
</script>

3.JavaScript lastIndex 属性

JavaScript RegExp 对象

定义和用法

lastIndex 属性用于规定下次匹配的起始位置。

语法

RegExpObject.lastIndex

说明

该属性存放一个整数，它声明的是上一次匹配文本之后的第一个字符的位置。

上次匹配的结果是由方法 RegExp.exec() 和 RegExp.test() 找到的，它们都以 lastIndex 属性所指的位置作为下次检索的起始点。这样，就可以通过反复调用这两个方法来遍历一个字符串中的所有匹配文本。

该属性是可读可写的。只要目标字符串的下一次搜索开始，就可以对它进行设置。当方法 exec() 或 test() 再也找不到可以匹配的文本时，它们会自动把 lastIndex 属性重置为 0。

提示和注释

重要事项：不具有标志 g 和不表示全局模式的 RegExp 对象不能使用 lastIndex 属性。

提示：如果在成功地匹配了某个字符串之后就开始检索另一个新的字符串，需要手动地把这个属性设置为 0。

实例

在下面的例子中，我们将输出匹配完成之后的 lastIndex 属性：

<script type="text/javascript">
var str = "The rain in Spain stays mainly in the plain";
var patt1 = new RegExp("ain", "g");

patt1.test(str)
document.write("Match found. index now at: " + patt1.lastIndex);
</script>

4.JavaScript multiline 属性

JavaScript RegExp 对象

定义和用法

multiline 属性用于返回正则表达式是否具有标志 m。

它声明了给定的正则表达式是否以多行模式执行模式匹配。

在这种模式中，如果要检索的字符串中含有换行符，^ 和 $ 锚除了匹配字符串的开头和结尾外还匹配每行的开头和结尾。

例如，模式 /W3School$/im 匹配 “w3school” 和 “W3School\nisgreat”。（\n 是换行符\u000A）。

如果 m 标志被设置，则该属性为 true，否则为 false。

语法

RegExpObject.multiline

实例

在下面的例子中，我们将查看正则表达式是否具有标志 m：

<script type="text/javascript">
var str = "Visit W3School.com.cn";
var patt1 = new RegExp("W3","m");

if(patt1.multiline)
  {
  alert("Multiline property is set");
  }
else
  {
  alert("Multiline property is NOT set.");
  }
</script>

5.JavaScript source 属性

JavaScript RegExp 对象

定义和用法

source 属性用于返回模式匹配所用的文本。

该文本不包括正则表达式直接量使用的定界符，也不包括标志 g、i、m。

语法

RegExpObject.source

实例

在下面的例子中，我们将获得用于模式匹配的文本：

<script type="text/javascript">
var str = "Visit W3School.com.cn";
var patt1 = new RegExp("W3S","g");

document.write("The regular expression is: " + patt1.source);
</script>

五.RegExp 对象方法

方法	描述	FF	IE
compile	编译正则表达式。	1	4
exec	检索字符串中指定的值。返回找到的值，并确定其位置。	1	4
test	检索字符串中指定的值。返回 true 或 false。	1	4

1.JavaScript compile() 方法

JavaScript RegExp 对象

定义和用法

compile() 方法用于在脚本执行过程中编译正则表达式。

compile() 方法也可用于改变和重新编译正则表达式。

语法

RegExpObject.compile(regexp,modifier)

参数	描述
regexp	正则表达式。
modifier	规定匹配的类型。“g” 用于全局匹配，“i” 用于区分大小写，“gi” 用于全局区分大小写的匹配。

实例

在字符串中全局搜索 “man”，并用 “person” 替换。然后通过 compile() 方法，改变正则表达式，用 “person” 替换 “man” 或 “woman”，：

<script type="text/javascript">

var str="Every man in the world! Every woman on earth!";

patt=/man/g;
str2=str.replace(patt,"person");
document.write(str2+"<br />");

patt=/(wo)?man/g;
patt.compile(patt);
str2=str.replace(patt,"person");
document.write(str2);

</script>

输出：

Every person in the world! Every woperson on earth!
Every person in the world! Every person on earth!

2.JavaScript exec() 方法

JavaScript RegExp 对象

定义和用法

exec() 方法用于检索字符串中的正则表达式的匹配。

语法

RegExpObject.exec(string)

参数	描述
string	必需。要检索的字符串。

返回值

返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

说明

exec() 方法的功能非常强大，它是一个通用的方法，而且使用起来也比 test() 方法以及支持正则表达式的 String 对象的方法更为复杂。

如果 exec() 找到了匹配的文本，则返回一个结果数组。否则，返回 null。此数组的第 0 个元素是与正则表达式相匹配的文本，第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本（如果有的话），第 2 个元素是与 RegExpObject 的第 2 个子表达式相匹配的文本（如果有的话），以此类推。除了数组元素和 length 属性之外，exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。我们可以看得出，在调用非全局的 RegExp 对象的 exec() 方法时，返回的数组与调用方法 String.match() 返回的数组是相同的。

但是，当 RegExpObject 是一个全局正则表达式时，exec() 的行为就稍微复杂一些。它会在 RegExpObject 的 lastIndex 属性指定的字符处开始检索字符串 string。当 exec() 找到了与表达式相匹配的文本时，在匹配后，它将把 RegExpObject 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。这就是说，您可以通过反复调用 exec() 方法来遍历字符串中的所有匹配文本。当 exec() 再也找不到匹配的文本时，它将返回 null，并把 lastIndex 属性重置为 0。

提示和注释

重要事项：如果在一个字符串中完成了一次模式匹配之后要开始检索新的字符串，就必须手动地把 lastIndex 属性重置为 0。

提示：请注意，无论 RegExpObject 是否是全局模式，exec() 都会把完整的细节添加到它返回的数组中。这就是 exec() 与 String.match() 的不同之处，后者在全局模式下返回的信息要少得多。因此我们可以这么说，在循环中反复地调用 exec() 方法是唯一一种获得全局模式的完整模式匹配信息的方法。

实例

在本例中，我们将全局检索字符串中的 W3School：

<script type="text/javascript">

var str = "Visit W3School"; 
var patt = new RegExp("W3School","g");
var result;

while ((result = patt.exec(str)) != null)  {
  document.write(result);
  document.write("<br />");
  document.write(patt.lastIndex);
 }
</script>

输出：

W3School
14

3.JavaScript test() 方法

JavaScript RegExp 对象

定义和用法

test() 方法用于检测一个字符串是否匹配某个模式.

语法

RegExpObject.test(string)

参数	描述
string	必需。要检测的字符串。

返回值

如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。

说明

调用 RegExp 对象 r 的 test() 方法，并为它传递字符串 s，与这个表示式是等价的：(r.exec(s) != null)。

实例

在下面的例子中，我们将检索 “W3School”：

<script type="text/javascript">
var str = "Visit W3School";
var patt1 = new RegExp("W3School");

var result = patt1.test(str);

document.write("Result: " + result);
</script>

输出：

Result: true

六.支持正则表达式的 String 对象的方法

方法	描述	FF	IE
search	检索与正则表达式相匹配的值。	1	4
match	找到一个或多个正则表达式的匹配。	1	4
replace	替换与正则表达式匹配的子串。	1	4
split	把字符串分割为字符串数组。	1	4

1.JavaScript search() 方法

JavaScript String 对象

定义和用法

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

语法

stringObject.search(regexp)

参数	描述
regexp	该参数可以是需要在 stringObject 中检索的子串，也可以是需要检索的 RegExp 对象。注释：要执行忽略大小写的检索，请追加标志 i。

返回值

stringObject 中第一个与 regexp 相匹配的子串的起始位置。

注释：如果没有找到任何匹配的子串，则返回 -1。

说明

search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置。

实例

例子 1

在本例中，我们将检索 “W3School”：

<script type="text/javascript">

var str="Visit W3School!"
document.write(str.search(/W3School/))

</script>

输出：

在下面的例子中，无法检索到 w3school（因为 search() 对大小写敏感）。

<script type="text/javascript">

var str="Visit W3School!"
document.write(str.search(/w3school/))

</script>

输出：

-1

例子 2

在本例中，我们将执行一次忽略大小写的检索：

<script type="text/javascript">

var str="Visit W3School!"
document.write(str.search(/w3school/i))

</script>

2.JavaScript match() 方法

JavaScript String 对象

定义和用法

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

该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

语法

stringObject.match(searchvalue)
stringObject.match(regexp)

参数	描述
searchvalue	必需。规定要检索的字符串值。
regexp	必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。

返回值

存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

说明

match() 方法将检索字符串 stringObject，以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。

如果 regexp 具有标志 g，则 match() 方法将执行全局检索，找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串，则返回 null。如果找到了一个或多个匹配子串，则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同，它的数组元素中存放的是 stringObject 中所有的匹配子串，而且也没有 index 属性或 input 属性。

注意：在全局检索模式下，match() 即不提供与子表达式匹配的文本的信息，也不声明每个匹配子串的位置。如果您需要这些全局检索的信息，可以使用 RegExp.exec()。

实例

例子 1

在本例中，我们将在 “Hello world!” 中进行不同的检索：

<script type="text/javascript">

var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))

</script>

输出：

world
null
null
world!

例子 2

在本例中，我们将使用全局匹配的正则表达式来检索字符串中的所有数字：

<script type="text/javascript">

var str="1 plus 2 equal 3"
document.write(str.match(/\d+/g))

</script>

3.JavaScript replace() 方法

JavaScript String 对象

定义和用法

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

语法

stringObject.replace(regexp/substr,replacement)

参数	描述
regexp/substr	必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。
replacement	必需。一个字符串值。规定了替换文本或生成替换文本的函数。

返回值

一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

说明

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

replacement 可以是字符串，也可以是函数。如果它是字符串，那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示，它说明从模式匹配得到的字符串将用于替换。

字符	替换文本
$1、$2、…、$99	与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$&	与 regexp 相匹配的子串。
$`	位于匹配子串左侧的文本。
$’	位于匹配子串右侧的文本。
$$	直接量符号。

注意：ECMAScript v3 规定，replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

实例

例子 1

在本例中，我们将使用 “W3School” 替换字符串中的 “Microsoft”：

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))

</script>

输出：

Visit W3School!

例子 2

在本例中，我们将执行一次全局替换，每当 “Microsoft” 被找到，它就被替换为 “W3School”：

<script type="text/javascript">

var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."

document.write(str.replace(/Microsoft/g, "W3School"))

</script>

输出：

Welcome to W3School! We are proud to announce that W3School
has one of the largest Web Developers sites in the world.

例子 3

您可以使用本例提供的代码来确保匹配字符串大写字符的正确：

text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

例子 4

在本例中，我们将把 “Doe, John” 转换为 “John Doe” 的形式：

name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

例子 5

在本例中，我们将把所有的花引号替换为直引号：

name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'");

例子 6

在本例中，我们将把字符串中所有单词的首字母都转换为大写：

name = 'aaa bbb ccc';
uw=name.replace(/\b\w+\b/g, function(word){
  return word.substring(0,1).toUpperCase()+word.substring(1);}
  );

4.JavaScript split() 方法

JavaScript String 对象

定义和用法

split() 方法用于把一个字符串分割成字符串数组。

语法

stringObject.split(separator,howmany)

参数	描述
separator	必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。
howmany	可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

返回值

一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。

提示和注释

注释：如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

注释：String.split() 执行的操作与 Array.join 执行的操作是相反的。

实例

例子 1

在本例中，我们将按照不同的方式来分割字符串：

<script type="text/javascript">

var str="How are you doing today?"

document.write(str.split(" ") + "<br />")
document.write(str.split("") + "<br />")
document.write(str.split(" ",3))

</script>

输出：

How,are,you,doing,today?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you

例子 2

在本例中，我们将分割结构更为复杂的字符串：

"2:3:4:5".split(":")	//将返回["2", "3", "4", "5"]
"|a|b|c".split("|")	//将返回["", "a", "b", "c"]

例子 3

使用下面的代码，可以把句子分割成单词：

var words = sentence.split(' ')

或者使用正则表达式作为 separator：

var words = sentence.split(/\s+/)

例子 4

如果您希望把单词分割为字母，或者把字符串分割为字符，可使用下面的代码：

"hello".split("")	//可返回 ["h", "e", "l", "l", "o"]

若只需要返回一部分字符，请使用 howmany 参数：

"hello".split("", 3)	//可返回 ["h", "e", "l"]

饼饼bady

关注

16
点赞
踩
25

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫