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 对象的方法的更多相关文章
- JavaScript -- 时光流逝(三):js中的 String 对象的方法
JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...
- js进阶正则表达式11RegExp的属性和方法(RegExp的属性和方法,就是RegExp对象.(点)什么的形式)(正则表达式执行之前会被编译)
js进阶正则表达式11RegExp的属性和方法(RegExp的属性和方法,就是RegExp对象.(点)什么的形式)(正则表达式执行之前会被编译) 一.总结 1. RegExp的属性和方法,就是RegE ...
- JavaScript 字符串(String)对象的方法
anchor() 描述:用于创建 HTML 锚 原型:stringObject.anchor(anchorname) 用法: <script> var txt="Hello wo ...
- cb18a_c++_修改string对象的方法
cb18a_c++_修改string对象的方法s.insert(p,t)s.insert(p, 'A'); //迭代器前插入As.insert<p,n,t)s.insert(p, 3, 'B') ...
- cb17a_c++_构造string对象的方法
cb17a_c++_构造string对象的方法string sstring s(s2)string s("value")string s(n,'c')string s(b,e) / ...
- [JS]给String对象添加方法,使传入的字符串字符之间以空格分开输出
看到一个这样子的面试题: 给String对象添加一个方法,传入一个string类型的参数,然后将string的每一个字符间加空格返回,例如:addSpace("hello world&quo ...
- js实用篇之String对象
概述 String对象是JavaScript原生提供的三个包装对象之一,用来生成字符串的包装对象. var s1 = 'abc'; var s2 = new String('abc'); typeof ...
- JavaScript中的string对象及方法
string对象 string对象的两种创建 var a="hello"; var b=new String("hello"); //下面是方法 //charA ...
- js原生api之String的slice方法
我们在工作中可能会很少进行这样的思考,对于一些常用的原生api它是如何实现的呢,如果让我们去用js实现一个与原生api功能相同的函数我们该如何设计算法去实现呢? 为了巩固自己的编程技术和提高自己的编程 ...
随机推荐
- IO--RAID
RAID IO计算 Raid 0 –每个磁盘的I/O计算= (读+写) /磁盘个数 Raid 1 --每个磁盘的I/O计算= [读+(2*写)]/2 Raid 5 --每个磁盘的I/O计算= [读+( ...
- STM32 IAP+Ymodem功能实现(参考官方代码)
IAP:在线升级代码 ,通俗的讲就是通过USART,IIC,或者SPI,USB等等,方式,在程序中升级程序,一般用在远程升级,或者是在PCB板子都安装到模具之后还需要升级代码,这样我们就需要,通过IA ...
- selenium alert JS弹窗问题处理
弹窗一般分为三种类型: 1.警告消息框(alert) 警告消息框提供了一个"确定"按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说用户必须先关闭该消息框然后才能继续进行操 ...
- 透明数据加密 (TDE)常见问题解答
透明数据加密 (TDE)常见问题解答问题任何人只要有权访问加密数据就能对其进行解密吗?TDE 会带来哪些开销?哪些加密算法可与 TDE 一同使用?可以使用第三方加密算法代替 TDE 提供的算法吗?可以 ...
- objectARX 添加线型下拉组合框空间 CAcUiLineTypeComboBox
不知道是有意还是无意,objectARX的所有文档中,居然没有CAcUiLineTypeComboBox, 而实际上这个是存在的.位于\inc\acuiComboBox.h 而在添加变量的向导中也没有 ...
- vue element-ui 表格筛选,点击筛选数据
<el-table-column prop="productEnvVersion" label="运行环境" :filters="this.ru ...
- [Flex] 组件Tree系列 —— 支持CheckBox组件
主程序mxml: <?xml version="1.0" encoding="utf-8"?> <!--功能描述:支持CheckBox--&g ...
- Java 之封装
预备知识: public:可以被所有其他类所访问 private:只能被自己访问和修改 protected:自身.子类及同一个包中类可以访问 default:同一包中的类可以访问,声明时没有加修饰符, ...
- MIT 黑科技:通过脑电波和手势控制机器人
简评:麻省理工黑科技,虽然现在能实现的操作还很简单,但前景(想象空间)非常巨大. 通常,控制机器人并不容易,常规手段就是编程.但是地球上从来不缺天马行空的科学家,今日 MIT 的计算机科学与人工智能实 ...
- RPC与本地调用的区别
RPC远程调用:一般可以跨平台通讯,采用http协议.因为http协议底层使用socket技术,只要你的语言支持socket技术,就可以相互进行通讯.比如:java语言开发的接口,http协议,然后让 ...