[你可能忘记的JavaScript] 正则表达式

前言

replace() 函数在字符串处理方面有很强的运用，在此为记

过程

描述

首先看 mdn 上对该方法的描述

str.replace(regexp|substr, newSubStr|function)regexp (pattern)一个RegExp 对象或者其字面量。该正则所匹配的内容会被第二个参数的返回值替换掉。substr (pattern)一个要被 newSubStr 替换的字符串。其被视为一整个字符串，而不是一个正则表达式。仅仅是第一个匹配会被替换。newSubStr (replacement)用于替换掉第一个参数在原字符串中的匹配部分的字符串。该字符串中可以内插一些特殊的变量名。参考下面的使用字符串作为参数。function (replacement)一个用来创建新子字符串的函数，该函数的返回值将替换掉第一个参数匹配到的结果。参考下面的指定一个函数作为参数。

使用方法

截取想要的字符串部分

var str = `bskfbname='test1'sdaddfname="test2"safafaf`;
var reg = /name=('|")((\w|-|\s)+)('|")/ig;  // i 不区分大小写，g 全局匹配str.replace(reg, function() {//假如replace()方法的第一个参数是一个RegExp 对象，则代表第n个括号匹配的字符串。（对应于上述的$1，$2等。）//由于name=''中包含的字符串在第二个括号内//故使用arguments[2]console.log(arguments[2]);  //打印 test1   test2
});

2 . 修改字符串

//用法：将字符串第2、3个字符转换为大写var str = 'abcdefg';
var reg = /^(\w)(\w{2})(\w*)$/g;
var rep = /^$1\U$2\E$3*$/g;
// result: 本次匹配到的结果
// $1,...$9: 正则表达式中有几个()，就会传递几个参数，$1~$9分别代表本次匹配中每个()提取的结果，最多9个
// offset:记录本次匹配的开始位置
// source:接受匹配的原始字符串
var newstr = str.replace(reg, function(result,$1,$2,$3,offset,resource){return $1 + $2.toUpperCase() + $3;
});
console.log(newstr) //打印 aBCdefg

3 . 替换字符串

//用法：将字母串替换成replaced
var str = '123abcdefg123aa';var newstr = str.replace(/([a-zA-Z]{1,})/g,'replaced');
console.log(newstr);        //打印 123replaced123replaced

结语

replace() 函数具有非常强大的功能，它能够完美契合正则表达式，做到十分丰富的效果

[你可能忘记的JavaScript] 正则表达式—replace的运用相关推荐

JavaScript的replace方法与正则表达式结合应用讲解
大家好!!今晚在华软G43*宿舍没什么事做,把javascript中replace方法讲解一下,如果讲得不对或不合理是情理之中的事,因为我不是老鸟,也不是菜鸟,我也不知道我当底是什么鸟??呵~~ re ...
分享一张JavaScript正则表达式脑图和来自MDN的正则特殊字符说明
1.正则特殊字符说明来自MDN Regular_Expressions 字符含义 \ 匹配将依照下列规则: 在非特殊字符之前的反斜杠表示下一个字符是特殊的,不能从字面上解释.例如,前面没有''的' ...
JavaScript正则表达式快速判断技巧
原文:JavaScript正则表达式快速判断技巧这里是JS的正则的一点心得,并不是最完整的规则汇总,更侧重实际运用中的快速判断,初学者接触正则之后往往会被一堆星号括号给弄晕,有了一些速判技巧就能从整 ...
javascript 正则表达式详解
正则表达式中的特殊字符字符含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个 ...
javascript中replace使用方法总结
这篇文章主要为大家详细介绍了javascript中replace的使用方法,使用replace和正则表达式共同实现字符串trim方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 ECMAScri ...
经典JavaScript正则表达式实战
来源:http://www.cainiao8.com/web/js_note/js_regular_expression_blueidea.html 目录 1. 正则表达式实战...1 2. 匹 ...
温故知新 javascript 正则表达式
温故知新 javascript 正则表达式转载:http://www.cnblogs.com/libinqq/archive/2008/07/31/1257699.html 很长时间没看正则表达式 ...
javascript正则表达式小结
总结了一下javascript正则表达式的内容.表格形式,一目了然.辅以Example图形解释. 一.元字符二.反义字符三.转义字符四.重复匹配五.分组/捕获六.贪婪与惰性七.修饰符 ex ...
JavaScript 正则表达式
JavaScript 正则表达式版权声明:未经授权,严禁转载! 正则表达式什么是正则表达式正则表达式是用来描述一种特定格式的字符规则的表达式. 正则表达式常用语在一段文本中搜索,匹配或者替换特 ...

[你可能忘记的JavaScript] 正则表达式—replace的运用

前言

过程

描述

使用方法

结语

[你可能忘记的JavaScript] 正则表达式—replace的运用相关推荐

最新文章

热门文章