技术标签: JavaScript中的RegExp regexp string 前端 js 正则表达式 javascript
replace()方法将一个字符串中被模式匹配的部分替换成新值,并返回这个替换后的新字符串对象。这个模式可以是一个字符串或者一个正则表达式,用于替换的新值可以是一个字符串或一个回调函数,这个回调函数在每次匹配成功时都会调用。如果模式是一个字符串,那只有第一次匹配时才会发生替换。replace()方法将返回一个新的字符串,原来的字符串不会发生任何变化。
var p = 'The quick brown fox jumps over the lazy dog. If the dog reacted, was it really lazy?';
var regex = /dog/gi;
console.log(p.replace(regex, 'ferret'));
// 输出: "The quick brown fox jumps over the lazy ferret. If the ferret reacted, was it really lazy?"
console.log(p.replace('dog', 'monkey'));
// 输出: "The quick brown fox jumps over the lazy monkey. If the dog reacted, was it really lazy?"
str.replace(regexp|substr, newSubStr|function)
regexp
一个正则表达式。匹配成功后将被newSubStr替换,或被function返回的值替换。
substr
一个字符串,匹配成功后将被newSubStr替换。只有第一次匹配时会被替换。
newSubStr
一个字符串,用于替换匹配项的新值。replace()函数内部为这个参数提供了一些特殊模式,详细描述见下文“描述”中的第一节“传入字符串作为参数”。
function
一个用于生成字符串的方法,生成的字符串将替换被模式匹配的项。这个方法是一个回调函数,他接收replace()函数内部传入的参数,详细描述见下文“描述”中的第二节“传入函数作为参数”。
函数返回一个新字符串,其中部分或全部匹配项被替换(根据入参而定)。
String.prototype.replace()方法不会改变原有的字符串,他返回一个新的字符串。如果想要进行全局替换,那需要在入参的正则表达式中携带g修饰符。
String.prototype.replace()函数的第二个参数newSubStr可以是如下所示的特殊模式:
模式 | 对应的替换值 |
---|---|
$$ | 在替换位置插入”$” |
$& | 在替换位置插入匹配到的子字符串 |
$` | 在替换位置插入在匹配到的字符串前面的子字符串 |
$’ | 在替换位置插入在匹配到的字符串后面的子字符串 |
$n | 如果n是一个正整数且n小于100,插入对应序号为n的捕获组,此时replace()函数的第一个参数必须为正则表达式。注意,捕获组第一项为$1,第二项为$2,以此类推 |
String.prototype.replace()函数可以接收函数作为第二个参数。在这种情况下,当匹配成功时,回调函数将被调用。回调函数的返回值将用做替换值(注意,前文提到的newSubStr的特殊模式在回调函数中无效)。如果String.prototype.replace()函数的第一个参数是正则表达式并且有g修饰符,则String.prototype.replace()函数每次匹配成功时,都会调用一次回调函数。
传入回调函数的参数如下:
参数名 | 参数值 |
---|---|
match | 等同于匹配项的子字符串,对应于前文的$& |
p1,p2,… | 如果String.prototype.replace()函数的第一个参数为正则,则此项为对应的捕获组。举个例子,如果正则表达式为/(\a+)(\b+)/,那么p1就是\a+的匹配项,p2就是\b+的匹配项 |
offset | 当前匹配项在整个字符串中的索引。举个例子,如果整个字符串是”abcd”,而匹配项是”bc”,那么offset就是1 |
string | 调用String.prototype.replace()函数的整个字符串 |
回调函数中具体被传入的参数数量取决于String.prototype.replace()函数的第一个参数是否为正则表达式,以及该正则表达式中包含多少个捕获组:
function replacer(match, p1, p2, p3, offset, string) {
// p1匹配非数字, p2匹配数字, p3匹配非字母非数字
return [p1, p2, p3].join(' - ');
}
var newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
console.log(newString); // 输出:abc - 12345 - #$*%
var str = 'Twas the night before Xmas...';
var newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr); // Twas the night before Christmas...
想要使用replace()函数进行全局替换,参数必须是正则表达式并且有g修饰符。携带有g修饰符的正则表达式将会匹配字符串中所有出现的值。
var re = /apples/gi;
var str = 'Apples are round, and apples are juicy.';
var newstr = str.replace(re, 'oranges');
console.log(newstr); // oranges are round, and oranges are juicy.
var re = /(\w+)\s(\w+)/;
var str = 'John Smith';
var newstr = str.replace(re, '$2, $1');
console.log(newstr); // Smith, John
在下面的代码中,程序将所有大写的英文字母替换成”连字符’-‘+小写字母”的形式。因此在这个场景中,我们需要拿到匹配项,将他转换为小写字符,再为他添加一个连字符,最终返回。
function styleHyphenFormat(propertyName) {
function upperToHyphenLower(match, offset, string) {
return (offset > 0 ? '-' : '') + match.toLowerCase();
}
return propertyName.replace(/[A-Z]/g, upperToHyphenLower);
}
styleHyphenFormat('borderTop'); //输出border-top
当使用replace()函数时,如果想要在替换之前对匹配项进行一些转换操作,必须使用回调函数的形式。如果没使用回调函数,对匹配项的操作将会不生效:
// 转换不会成功,输出borderTop
var newString = propertyName.replace(/[A-Z]/g, '-' + '$&'.toLowerCase());
'KaTeX parse error: Expected 'EOF', got '&' at position 1: &̲'.toLowerCase()…&’识别为一个普通字符串对象,这句代码将会原模原样的返回’KaTeX parse error: Expected 'EOF', got '&' at position 1: &̲’。之后,replace()函…&’识别为一个模式,即匹配到的字符串。
假设我们需要对字符串进行某种循环处理:一个x代表true;一个连字符-代表false;一个x后面跟下划线_,此时下划线可以多次出现,代表x的长度。要进行这种处理,可以使用字符串for循环,replace()函数同样可以完成这种工作:
var str = 'x-x_';
var retArr = [];
str.replace(/(x_*)|(-)/g, function(match, p1, p2) {
if (p1) { retArr.push({ on: true, length: p1.length }); }
if (p2) { retArr.push({ on: false, length: 1 }); }
});
console.log(retArr);
上面的代码展示了replace()函数如何实现一个for循环本可以完成的工作。
文章浏览阅读5.9k次。本文重点讲术springboot +vue前后端分离nginx如何配置两个代理一、通常SpringBoot与vue 进行前后端分离,主要有两种方式:1.打包(npm run build命令)vue项目出来的dist文件夹拷贝到springboot项目的static文件目录,部署到tomcat即可。2.利用nginx的反向代理。本文主要讲解第二种首先打包前端项目到指定目录:E:\fjgh\..._nginx怎么转发两个dist文件
文章浏览阅读656次,点赞5次,收藏5次。Git 核心知识
文章浏览阅读1.1k次,点赞15次,收藏6次。HTML静态网页成品作业(HTML+CSS)——动漫猫和老鼠网页(1个页面)
文章浏览阅读294次。1.Lua脚本,基础语法,去库存脚本编写;2.SpringBoot整合Lua脚本,配置类RedisScript_redission实现抢单
【代码】C++Day 7 作业。
目前MoonBit已新增对JavaScript的支持并带来前所未有的性能提升,在JS后端实现了超出Json5近8倍性能的优势。。但回调函数的参数和返回值类型目前只能是简单类型,如Int等。修改显式实现 trait(extension method)的语法,允许显式写出要给哪个类型实现 trait和之前的语法相比,新的语法允许显式写出实现 trait 的类型,签名信息更丰富、更清晰。支持Bytes字面量Bytes字面量b"..."
DottedDict 是一个 Python 库,它允许用户通过点号访问嵌套字典中的值,类似于 JavaScript 中的对象访问方法
前端发版缓存问题
相比之下,市值较低的平台币,如BMX、BGB和MX,具有更大的增长潜力,呈现出更多的增长机会。在过去的一年里,受益于美国股市上比特币 ETF 的上市和比特币供应量的第四次减半,比特币的价格一度飙升至73,000美元以上,达到历史新高。本文旨在为读者提供对这七种选定平台币的全面分析,评估它们的价值和潜力,并研究价格和市值增长指标、回购机制、功能权益以及其发行方的市场表现。随着越来越多的开发者和项目选择在这些区块链上构建应用程序,这些区块链的持续发展有助于提升其原生代币的可用性和需求,从而扩展其使用场景。
相信大家都玩过贪吃蛇这款游戏吧,贪吃蛇是久负盛名的游戏,它也和俄罗斯方块,扫雷等游戏位列经典游戏的行列,那贪吃蛇到底是怎么实现的呢?今天,我就用C语言带着大家一起来实现一下这款游戏,从设计到代码的实现可以帮助我们提升编程能力和逻辑能力
在web3以太坊开发中,往往大家交流的时候,会涉及到一些合约相关的词汇,这里重点说两个合约,一个是manager合约,另一个是registry合约。
在 Spring Boot 应用中,接口配置跨域(Cross-Origin Resource Sharing,CORS)设置是一个常见的需求,特别是当你的前端应用和后端服务部署在不同的域名下时。