RegExp 对象方法&支持正则表达式的 String 对象的方法 - 易塔云建站-模板下载,web开发资源,技术博客

RegExp 对象方法&支持正则表达式的 String 对象的方法发布于：2021-02-26 09:11:47 原创发表查看：6 讨论：0

RegExp对象方法：

▲：compile()。编译正则表达式。改变或重新编译正则表达式。

语法：RegExpObject对象.compile(regexp正则表达式,modifier匹配的类型g/i/m)。
例子：

var patt = new RegExp("a");
console.log(patt);// /a/
document.write(patt.test("The best things in life are free"));//true 就是检索字符串中指定的值。返回true或false。常用来判断语句
patt.compile("x");
document.write(patt.test("The best things in life are free"));//false

▲：exec()。检索字符串中指定的值。返回找到的值，并确定其位置。英文execute，执行。

语法：RegExpObject.exec(string字符串)。

说明：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。

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

例子：

var str = "Visit W3School";
var patt = new RegExp("W3School","g");
var result;
result = patt.exec(str);
console.log(result);

var str = "Visit W3School";
var patt = new RegExp("W3School","g");
var result;
result = str.match(patt);
console.log(result);

而使用字符串的macth方法只返回了一个数组。

▲：test()。检索字符串中指定的值。返回true或false。

语法：RegExpObject.test(string)。
例子：

//如果输入框内不包括0-9的数字。
//\d 表示数字0-9等价于[0-9]；
//^ 匹配输入字首；
//[^] 不包括，默认是一个字符长度；
if(/[^\d]/.test(targt.value)){
targt.style.backgroundColor = "red";
}else{
}

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

▲：search()。检索与正则表达式相匹配的值。

语法：stringObject.search(regexp)。

参数：regexp参数可以是需要检索的子串；也可以是需要检索的RegExp对象。

返回值：返回第一个与 regexp 相匹配的子串的起始位置。

例子：

var str = "Visit W3School";
//参数是RegExp对象
var patt = new RegExp("W3School")
console.log(str.search(patt));//返回6。以后就这种方式，看着正常点。和正则原生表达式类似，只是被js修改了语法位置。
//参数是需要检索的子串
console.log(str.search(/W3School/));//返回6

▲：macth()。检找到一个或多个正则表达式的匹配。

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

语法：
stringObject.match(searchvalue)或
stringObject.match(regexp)
searchvalue必须：规定要检索的字符串值；
regexp：一个RegExp对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。

说明：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()。

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

▲：replace()。替换与正则表达式相匹配的字符串。

语法：stringObject.replace(regexp对象/substr子串,replacement替换为的语句)。

注意：第一个参数如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。

返回值：一个新的字符串。

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

例子：

// name = "Doe8,0John";
name = "  Doe8    ,  0John    ";
var new1 = name.replace(/(\w+)\s*,\s*(\w+)/, "$2 , $1");
//  \w匹配一个单词;而 \W是查找非单词字符。
//  (red|blue|yellow) 是查找任何指定的选项。
//  n+ 是一个量词，数量至少一个。
//  \s是代表空白，空格
//  n*代表0个或多个。
//查找任何-单词-至少一个-后面是空格-至少0或多个。人话：查找任何至少一个单词后面接任意个空格
alert(new1);
name = '"a", "b"';
var newname = name.replace(/"([^"]*)"/g, "'$1'");
alert(newname)
name = 'aaa bbb ccc';
uw=name.replace(/\b\w+\b/g, function(word){
    return word.substring(0,1).toUpperCase()+word.substring(1);}
);
alert(uw);

▲：split()。把字符串分割为字符串数组。

语法：stringObject.split(separator,howmany)。

separator：百度翻译分割器，就是一个词。从该参数指定的位置开始分割。
howmany：该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

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

注释：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
注释：String.split() 执行的操作与 Array.join 执行的操作是相反的。

例子：

var str="How are you doing today?"
document.write(str.split(" ") + "<br />");
//How,are,you,doing,today?
document.write(str.split("") + "<br />");
//H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
document.write(str.split(" ",3));
//How,are,you

var sentence = "How many pics can you see ? a ?";
var words = sentence.split(" ");//How,many,pics,can,you,see,?,a,?
// var patt = new RegExp("\s+");错误，split不能接受一个正则对象。
var words2 = sentence.split(/\s+/);//正确，split可以接收正则表达式。当然也可以接收字符串。
//How,many,pics,can,you,see,?,a,?
alert(words2)

上一篇：JavaScript事件中关于性能和内存问题，长期更新下一篇：js 中的变量的概念和引用

评论

最新文章

热门笔记

可以直接扫码关注本站

易塔云建站：15811355317

微信扫一扫，添加好友