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

注意：本文中所有方法的 RegExp 类型的参数，其实都支持传入 String 类型的参数，JS会直接进行字符串匹配。

（相当于用一个简单的非全局正则表达式进行匹配，但字符串并没有转换成 RegExp 对象）

search(RegExp)

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

与 indexOf 方法类似，但 indexOf 方法不支持正则匹配，且可以指定检索的起始位置。

需要注意的是，此方法不执行全局匹配，它会忽略 RegExp 的 g 标志。并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置。

var str="I love JavaScript";

document.write(str.search(/javascript/i));

//运行结果：7

//虽然search方法不支持 全局检索 g 标志，但还是支持 忽略大小写 i 标志的

split(separator, howmany)

以 separator 为边界，把一个字符串分割成字符串数组，字符串数组不包含 separator 本身。

参数说明：

separator：必需。字符串或正则表达式(RegExp/String)，从该参数指定的地方分割 stringObject。

howmany：可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.split("---"));

//控制台返回结果：["Words", "[Hello:Hello],[Hi:Hi]"]

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

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.split(/\[(.*?):(.*?)\]/));

//控制台返回结果：["Words---", "Hello", "Hello", ",", "Hi", "Hi", ""]

//正则表达式对象 /\[(.*?):(.*?)\]/ 匹配格式为：[任意字符串：任意字符串]

//返回数组中，两个Hello和两个Hi是 与正则表达式中两个子表达式(.*?)相匹配的字符串

match(RegExp)

检索 stringObject 中一个或多个与 RegExp 匹配的值。返回一个存放匹配结果的数组。该数组的内容依赖于 RegExp 是否具有全局标志 g。

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

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.match(/x/));

//控制台返回结果：null

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.match(/H/));

//控制台返回结果：["H", index: 9, input: "Words---[Hello:Hello],[Hi:Hi]"]

var str = "Words---[Hello:Hello],[Hi:Hi]";

console.info(str.match(/\[(.*?):(.*?)\]/));

//控制台返回结果：["[Hello:Hello]", "Hello", "Hello", index: 8, input: "Words---[Hello:Hello],[Hi:Hi]"]
//返回的数组中，各个元素分别对应：
//[匹配文本, 第一个子表达式(.*?)的匹配文本, 第二个子表达式(.*?)的匹配文本, 匹配文本起始字符在stringObg中的位置, stringObj的引用]

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

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.match(/x/g));

//控制台返回结果：null

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.match(/H/g));

//控制台返回结果：["H", "H", "H", "H"]

var str = "Words---[Hello:Hello],[Hi:Hi]";

console.info(str.match(/\[(.*?):(.*?)\]/g));

//控制台返回结果：["[Hello:Hello]", "[Hi:Hi]"]

replace(RegExp/String, replacement)

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

参数说明：

RegExp/String：必需。规定子字符串或要替换的模式的 RegExp 对象。

replacement：必需。可以是一个字符串（替换的文本），也可以是一个返回一个字符串（替换的文本）的函数。

关于第一个参数

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

而且，此值为字符串时，它里面的“$”字符有特殊含义。

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

如例子：

var str="Words---[Hello:AA],[Hi:BB]";

console.info(str.replace(/\[(.*?):(.*?)\]/g, "$1"));

//控制台返回结果：Words---Hello,Hi

var str="Words---[Hello:AA],[Hi:BB]";

console.info(str.replace(/\[(.*?):(.*?)\]/g, "替换$2"));

//控制台返回结果：Words---替换AA,替换BB

var str="Words---[Hello:AA],[Hi:BB]";

console.info(str.replace(/\[(.*?):(.*?)\]/, "替换$`"));

//控制台返回结果：Words---替换Words---,[Hi:BB]

而当该值是一个 RegExp 对象，那么 replace 方法将根据 RegExp 对象的标志（g，i，gi）进行相应的匹配查找并替换

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.replace("H", "A"));

//控制台返回结果：Words---[Aello:Hello],[Hi:Hi]
//str.replace("H", "A") 其实相当于 str.replace(/H/, "A")

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.replace(/H/g, "A"));

//控制台返回结果：Words---[Aello:Aello],[Ai:Ai]

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.replace(/\[(.*?):(.*?)\]/, "替换文本"));

//控制台返回结果：Words---替换文本,[Hi:Hi]

var str="Words---[Hello:Hello],[Hi:Hi]";

console.info(str.replace(/\[(.*?):(.*?)\]/g, "替换文本"));

//控制台返回结果：Words---替换文本,替换文本

关于第二个参数

请注意，当此参数是一个函数时，它的参数个数以及每个参数对应的内容，会根据第一个参数的不同而有所区别，其规律与上面的 match 方法返回结果的规律有相似之处。

var str="Words---[Hello:Hello],[Hi:Hi]";

str.replace(/H/, function(a, b, c){

　　//参数一不含子表达式，不带标志（相当于字符串匹配），共三个参数
　　//三个参数分别对应：匹配文本， 匹配文本起始字符在stringObg中的位置， stringObj的引用

　　//TODO return 替换文本String

})

var str="Words---[Hello:Hello],[Hi:Hi]";

str.replace(/H/g, function(a, b, c){

　　//参数一不含子表达式，带全局标志g ，共三个参数

　　//三个参数分别对应：匹配文本， 匹配文本起始字符在stringObg中的位置， stringObj的引用
　　//由于参数一带全局标志，此匿名函数会根据查找到的【与参数一相匹配】内容的数量，而执行相应的次数（执行一次，就替换一次，return的内容就是替换文本）

　　//TODO return 替换文本String

})

var str="Words---[Hello:Hello],[Hi:Hi]";

str.replace(/\[(.*?):(.*?)\]/, function(a, b, c, d, e){

　　//参数一含2个子表达式，不带标志，共五个参数

　　//五个参数分别对应：
　　//匹配文本， 第一个子表达式(.*?)的匹配文本，第二个子表达式(.*?)的匹配文本， 匹配文本起始字符在stringObg中的位置， stringObj的引用

　　//不难推断，关于此匿名函数的参数规律：
　　//参数的个数 = 子表达式的个数 + 3
　　//参数结构：匹配文本， 子表达式个数*[子表达式匹配文本，] 匹配文本起始字符在stringObg中的位置， stringObj的引用

　　//TODO return 替换文本String

})

var str="Words---[Hello:Hello],[Hi:Hi]";

str.replace(/\[(.*?):(.*?)\]/, function(a, b, c, d, e){

　　//参数一含2个子表达式，带全局标志g，共五个参数

　　//五个参数分别对应：

　　//匹配文本， 第一个子表达式(.*?)的匹配文本，第二个子表达式(.*?)的匹配文本， 匹配文本起始字符在stringObg中的位置， stringObj的引用

　　//参数与前一例子情况相同，全局查找替换，函数会根据匹配内容的数量而执行多次，在这一例子中执行了2次

　　//TODO return 替换文本String

})

巴特西

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

最新文章

热门文章