JavaScript正则表达式RegExp和字符串本⾝的正则表达式
JavaScript 正则表达式
正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使⽤单个字符串来描述、匹配⼀系列符合某个句法规则的字符串搜索模式。
搜索模式可⽤于⽂本搜索和⽂本替换。
什么是正则表达式？
正则表达式是由⼀个字符序列形成的搜索模式。
当你在⽂本中搜索数据时，你可以⽤搜索模式来描述你要查询的内容。
正则表达式可以是⼀个简单的字符，或⼀个更复杂的模式。
正则表达式可⽤于所有⽂本搜索和⽂本替换的操作。
语法
/pattern/modifiers;
实例：
var patt = /w3cschool/i
实例解析：
/w3cschool/i  是⼀个正则表达式。
w3cschool  是⼀个模式 (⽤于检索)。
i  是⼀个修饰符 (搜索不区分⼤⼩写)。
使⽤字符串正则匹配⽅法
  使⽤match来检索数据匹配数组！
var box=/box/i;            //没有开启全局匹配
var str="This is a Box，That is box";
alert(str.match(box));            //返回⼀个第⼀个Box
var box=/box/ig;            //开启全局匹配
var str="This is a Box，That is box";
alert(str.match(box));            //两个box Box 都会被返回
var box=/box/ig;            //开启全局匹配
var str="This is a Box，That is box";
var a=str.match(box);        //返回的是数组object类型
alert(a[1]);
在 JavaScript 中，正则表达式通常⽤于两个字符串⽅法 : search() 和 replace()。
search() ⽅法⽤于检索字符串中指定的⼦字符串，或检索与正则表达式相匹配的⼦字符串，并返回⼦字符串的起始位置。从0开始replace() ⽅法⽤于在字符串中⽤⼀些字符替换另⼀些字符，或替换⼀个与正则表达式匹配的⼦字符串。
search() ⽅法使⽤正则表达式
实例
使⽤正则表达式搜索 "w3cschool" 字符串，且不区分⼤⼩写：不到返回-1
var str = "Visit w3cschool";
var n = str.search(/w3cschool/i);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>点击我检索下列字符串的个数</p>
<p>www.baidu</p>
<button id="aa" onclick="clickMe()">点击我</button>
<p id="demo"></p>
<script>
function clickMe(){
var a="www.baidu";
var n=a.search(/baidu/i);
}
</script>
</body>
</html>
replace() ⽅法使⽤字符串正则表达式
实例
使⽤正则表达式且不区分⼤⼩写将字符串中的 Microsoft 替换为 w3cschool :
var str = "Visit Microsoft!";
var res = place(/microsoft/i, "w3cschool");
结果输出为:
Visit w3cschool!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>点击将www.baidu替换成www.qq</p>
<p id="bb">www.baidu,feifei</p>
<button id="aa" onclick="clickMe()">点击我</button>
<p id="demo"></p>
<script>
function clickMe(){
var ElementById("bb").innerHTML;              //获取元素的内容
var txt= a.replace("feifei","paopao");                      //替换并赋值给txt
</script>
</body>
</html>
var box=/box/i;            //没有使⽤全局匹配
var str="This is a Box，That is box";
place(box,"tee"));        //返回替换⽂本为 This is a tee，This is box
var box=/box/ig;            //使⽤全局匹配
var str="This is a Box，That is box";
place(box,"tee"));        //返回替换⽂本为 This is a tee，This is tee
split 拆分字符串为数组
var box=/ /;
var str="This is a Box,That is Box";
alert(str.split(box));      //把字符串中的空格截取掉返回数组 This,is,a,Box,This,is,box
正则表达式修饰符
修饰符可以在全局搜索中不区分⼤⼩写:
修饰符描述
i执⾏对⼤⼩写不敏感的匹配。
g执⾏全局匹配（查所有匹配⽽⾮在到第⼀个匹配后停⽌）。
m执⾏多⾏匹配。
正则表达式模式
⽅括号⽤于查某个范围内的字符：
表达式描述
[abc]查⽅括号之间的任何字符。
[0-9]查任何从 0 ⾄ 9 的数字。
(x|y)查任何以 | 分隔的选项。
元字符是拥有特殊含义的字符：
元字符描述
\d查数字。
\s查空⽩字符。
\b匹配单词边界。
\uxxxx查以⼗六进制数 xxxx 规定的 Unicode 字符。
量词:
量词描述
n+匹配任何包含⾄少⼀个n的字符串。
n*匹配任何包含零个或多个n的字符串。
n?匹配任何包含零个或⼀个n的字符串。
使⽤ RegExp 对象
在 JavaScript 中，RegExp 对象是⼀个预定义了属性和⽅法的正则表达式对象。
var box=new RegExp('box');                        //第⼀个参数是模式字符串
alert(box);                                          //  /box/返回的是两个反斜杠是正则表达式的字⾯量表⽰法var box=new RegExp("box",'ig');      //第⼆个参数可选，模式修饰符
alert(box);
使⽤字⾯量创建正则（常⽤）
var box=/box/;    //使⽤字⾯量创建正则
alert(box);
var box=/box/ig;    //字⾯量正则，带修饰符的
alert(box);
测试正则表达式
RegExp 对象的⽅法
  1.text（）    在字符串中测试模式匹配，返回true或false
  2.exec（）    在字符串中执⾏匹配搜索，返回结果数组
使⽤ test()
test() ⽅法是⼀个正则表达式⽅法。
test() ⽅法⽤于检测⼀个字符串是否匹配某个模式，如果字符串中含有匹配的⽂本，则返回 true，否则返回 false。
以下实例⽤于搜索字符串中的字符 "e"：
实例
var box=new RegExp('box','ig');              //使⽤new创建正则
正则匹配是什么var str="This is a BoX";                //创建匹配的字符串变量
st(str));                    //使⽤test（）⽅法执⾏匹配结果返回true
var box=/Box/ig;              //使⽤字⾯量创建正则
var str="This is a BoX";                //创建匹配的字符串变量
st(str));                    //使⽤test（）⽅法执⾏匹配结果返回true
//使⽤⼀条语句
alert(/st("This is e apple!"));
使⽤ exec()
exec() ⽅法是⼀个正则表达式⽅法。
exec() ⽅法⽤于检索字符串中的正则表达式的匹配。
该函数返回⼀个数组，其中存放匹配的结果。如果未到匹配，则返回值为 null。
以下实例⽤于搜索字符串中的字母 "e":
Example 1
/e/.exec("The best things in life are free!");
字符串中含有 "e"，所以该实例输出为:
e
使⽤ compile()
compile() ⽅法⽤于改变 RegExp。
compile() 既可以改变检索模式，也可以添加或删除第⼆个参数。
var patt1=new RegExp("e"); document.st("The best things in life are free")); patt1pile("d"); document.st("The best things in life are free"));
由于字符串中存在 "e"，⽽没有 "d"，以上代码的输出是：
truefalse
RegExp 对象的静态属性
    直接调⽤⽆需创建
  属性      短名      含义
  input      $_      当前被匹配的字符串
  lastMatch    $&      最后⼀个匹配字符串
  lastParen    $+      最后⼀对圆括号内的匹配字符串
  mulitline        $*      ⽤于指定是否所有的表达式都⽤于多⾏的布尔值  rightContext    $*      在上⼀次匹配之后的字串
  leftContext    $      　最后⼀次匹配前的⼦串
var box=/good/;
var str="are you good!";
alert(RegExp.input);                //匹配当前字符串返回are you good
alert(RegExp.lastMatch);                //匹配最后⼀个字符串返回good
alert(RegExp.leftContext);                //匹配到的字符串的前⾯的字符串返回are you
alert(RegExp.rightContext);            //在上⼀次匹配之后，后⾯的字符串返回！
alert(RegExp.lastParen);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。