初学JavaScript正则表达式(十三)
字符串方法
search(reg)
search()用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串
方法返回第一个匹配结果index,查找不到返回-1
search()不执行全局匹配,他将忽略标志g,并且总是从字符串的开始进行检索
例:
a1b1c1d1.search('1') // 1
a1b1c1d1.search(1) // 1
a1b1c1d1.search('10') // -1
match(reg)
- match()将检索字符串,以找到一个或多个与RegExp相匹配的文本
RegExp是否具有标志g对结果影响很大
非全局调用
- 如果RegExp没有标志g,那么match()方法就只能在字符串中执行一次匹配
如果没有找到任何匹配的文本,将返回null
否则它将返回一个数组,其中存放了与它找到的匹配文本有关的信息
返回数组的第一个元素是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本
除了常规的数组元素之外,返回的数组还含有两个对象属性
'index'声明匹配的文本的起始字符在字符串中的位置
'input'声明对'stringObject'的引用
-------------------------------------------------------------------------------------------------------------------------------------------------------------------
全局调用
如果RegExp具有标志g,那么match()方法将执行全局检索,找到字符串中的所有匹配的子字符串
没有找到任何匹配的子串,则返回null
如果找到了一个或多个匹配子串,则返回一个数组
数组元素中存放的是字符串中所有的匹配子串,而且也没有index属性或input属性
var reg3 = /\d(\w)\d/;
var reg4 = /\d(\w)\d/g;
var ts = '$1a2b3c4d5e';
var ret = ts.match(reg3);
console.log(ret); // ["1a2","a"]
console.log(ret.index + '\t' + reg3.lastIndex); // "1 0" 非全局调用lastIndex不生效
var ret = ts.match(reg4);
console.log(ret); // ["1a2","3c4"]
console.log(ret.index + '\t' + reg4.lastIndex); // "undefined 0"
split()
我们经常用split方法把字符串分割为字符数组 'abcd'.split(','); // ["a","b","c","d"]
在一些复杂的分割情况下我们可以使用正则表达式解决'a1b2c3d'.split(/\d/); // ["a","b","c","d"]
String.prototype.replace
String.prototype.replace(str,replaceStr)
例:
"a1b".replace('1',2) "a2b"String.prototype.replace(reg,replaceStr)
例:
"a1b1c1".replace(/1/,2) "a2b1c1" 例:"a1b1c1".replace(/1/g,2) "a2b2c2"String.prototype.replace(reg,function)
function会在每次匹配替换的时候调用,有四个参数 1、匹配字符串 2、正则表达式分组内容,没有分组则没有该参数</li> 3、匹配项在该字符串中的index</li> 4、原字符串</li>
例:'a1b2c3d4e5' -------- 'a2b3c4d5e6' 'a1b2c3d4e5'.replace(/\d/g,function(match,index,origin){ console.log(index); // 1 3 5 7 9 return parenInt(match) + 1; // 'a2b3c4d5e6' });
例:'a1b2c3d4e5' -------- 'a12c34e5' 'a1b2c3d4e5'.replace(/(\d)(\w)(\d)/g,function(match,group1,group2,group3,index,origin){ console.log(match); // "1b2" "3d4" return group1 + group3; // 'a12c34e5' });
整理自慕课网教学 点此进入
初学JavaScript正则表达式(十三)的更多相关文章
- 初学JavaScript正则表达式(八)
JavaScript正则贪婪模式与非贪婪模式 贪婪模式: 例: \d{3,6} 匹配数字3到6次(正则表达式默认为贪婪模式,即匹配最多次,失败即停) '12345678'.replace(/\d{3, ...
- 初学JavaScript正则表达式(十二)
text / exec方法 text() var reg1 = /\w/; var reg2 = /\w/g; reg1.test('a') === true reg2.test('a') === t ...
- 初学JavaScript正则表达式(十一)
JavaScript的对象属性 整理自慕课网教学 点此进入
- 初学JavaScript正则表达式(六)
JavaScript预定义类 ab+数字+任意字符 ab[0-9][^\r\n] 等价于 ab\d. '@123@abc@'.replace(/@./g,'Q') Q23Qbc@ 将"@加任 ...
- 初学JavaScript正则表达式(四)
字符类 [] 一般情况下正则表达式中一个字符对应字符串一个字符 可以使用元字符 [ ] 来构建一个简单的类 类泛指符合某些特征的对象 例: 'a1b1c1d1'.replace(/[ab ...
- 初学JavaScript正则表达式(三)
正则表达式由两种基本的字符类型组成 原义文本字符 //a abc 1 元字符 元字符是有特使含义的非字母字符 * 匹配前面的子表达式零次或多次 + 匹配前面的子表达式一次或多次 ? 匹配前面的子表达式 ...
- 初学JavaScript正则表达式(二)
正则表达式的实例化与标识符 字面量: var reg = /\bis\b/g // \b--字符边界 g全文搜索 查找单词为is的字符 He is a boy. IS He? 构造函数: var re ...
- 初学JavaScript正则表达式(十)
前瞻与后顾 断言 === assert 符合断言为正向,不符合为负向 例 'a2*3'.replace(/\w(?=\d)/g,'x') ------- x2*3 看看'\d'前面是不是'\w',如果 ...
- 初学JavaScript正则表达式(九)
分组:可以用 ( ) 来进行分组 一.Byron重复三次 Byron{3} --------- Byronnn 只是将紧挨着量词的字符重复 (Byron) ...
随机推荐
- MySql 筛选条件、聚合分组、连接查询
筛选条件 比较运算符 等于: = ( 注意!不是 == ) 不等于: != 或 <> 大于: > 大于等于: >= 小于: < 小于等于: <= IS NULL I ...
- Python—创建进程池的方式
创建进程池 from multiprocessing import Pool import time,os result = [] # 存放所有worker函数的返回值 def worker(msg) ...
- QPNP 8909 8916 充电相关(2)【转】
上一篇主要讲电池相关的一些知识,上节忘记讲了,电池一般分为电量计电池和非电流计电池,电量计电池,就不需要用pmu8916的IC,当然这只是只,不需要BMS来计算soc,而jni层也需要读取电流计的电池 ...
- springmvc的入门
1. 什么是springMVC? Spring Web MVC是一种基于Java的实现了MVC设计模式的.请求驱动类型的.轻量级Web框架. 2. SpringMVC处理请求的流程 2.1 首先用户发 ...
- npm --save-dev 和 --save 的区别
转载 >>> 1. npm install 在安装 npm 包时,有两种命令参数可以把它们的信息写入 package.json 文件, 一个是npm install--save ...
- 2个ajax的相互调用解决异步问题
- JDBC简介(一)
JDBC(Java DataBase Connectivity)是Java与数据库的接口规范,由Java 语言编写的类和接口组成,大致分为两类:针对Java程序员的JDBC API和针对数据库开发商的 ...
- NLP中的数据增强
相关方法合集见:https://github.com/quincyliang/nlp-data-augmentation 较为简单的数据增强的方法见论文:https://arxiv.org/pdf/1 ...
- A1100 Mars Numbers (20 分)
一.技术总结 这一题可以使用map进行想打印存储,因为数据量不是很大,最后直接输出.但是还是觉得没有必要. 主要考虑两个问题,首先是数字转化为字符串,实质就是进制转化,但是有点不同,如果十位有数字,个 ...
- css 适配
https://blog.csdn.net/weixin_35467885/article/details/80778992 1.通过link方法 link方法引入媒体类型其实就是在标签引用样式的时候 ...