基本用法
var s = 'abcde';高级用法
s = s.replace(/bc/, '~');
console.log(s); // 'a~de'
第二个参数可以传入一个函数:
function(match, p1, p2, ..., pn, offset, str) {}
参数可以简单理解为:
函数需要返回一个新的字符串值,该值就是我们需要接收的值。
对应我的需求,现在有一个超长的名字,比如它是:abcdefghijklmnopqrstuvwxyz1234567890,现在需要将其缩短,策略是前20个字符保留,后5个字符保留,中间所有字符替换为 ~,就可以使用上面函数:
var name = "abcdefghijklmnopqrstuvwxyz1234567890";
name = name.replace(/^.{20}(.*).{5}$/g, function(match, p1, offset, str) {
return match.replace(p1, "~");
就会得到需要的 abcdefghijklmnopqrst~67890。
参数字符串
使用参数字符串,需要通过关键字符 $ 来获取,平时使用时如果用到过 $ 作为替换字符的话会有注意:
它可以获取对应的内容,但是不要直接对参数字符串进行修改:
// 错误,得到结果为 ~
name = name.replace(/^.{20}(.*).{5}$/g, "$1".replace(/.*/, "~"));
上面这种写法是不会得到正确结果的,因为 "$1".replace(/.*/, "~") 会先被解析成字符串字面量,与 $& 效果相同,不会再将 $1 当做一个参数。所以这样得到的结果是且仅仅是一个 ~。
得到 ~ 的步骤是:
将 $1 替换为了 ~,所以是将 ~ 作为了替换内容
正则匹配了全局内容,所以全局内容被替换为了 ~
replace 返回的结果是 ~,name 被重新赋值为 ~
所以,这种方式不能在参数字符串中直接修改内容。
那么为了得到正确结果,有没有可行的方式呢?
答案是肯定的,对应上面使用函数的例子,可以使用参数字符串进行替换:
// 正确
name = name.replace(/^(.{20})(.*)(.{5})$/g, "$1~$3");
此时替换内容 "$1~$3" 中的 $1 和 $3 是会被当成参数的,内部实现会将其直接替换。
网友回复
python如何实现torrent的服务端进行文件分发p2p下载?
如何在浏览器中录制摄像头和麦克风数据为mp4视频保存下载本地?
go如何编写一个类似docker的linux的虚拟容器?
python如何写一个bittorrent的种子下载客户端?
ai能通过看一个网页的交互过程视频自主模仿复制网页编写代码吗?
ai先写功能代码通过chrome mcp来进行测试功能最后ai美化页面这个流程能行吗?
vue在手机端上下拖拽元素的时候如何禁止父元素及body的滚动导致无法拖拽完成?
使用tailwindcss如何去掉响应式自适应?
有没有直接在浏览器中运行的离线linux系统?
nginx如何保留post或get数据进行url重定向?