当前位置:网站首页>js 正则中 replace() 使用
js 正则中 replace() 使用
2022-08-02 03:23:00 【星雨668】
一、replace() 是什么?
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串;
replace方法可以接受两个参数:第一个参数可以使RegExp对象或者一个字符串,第二个参数可以是一个字符串或者一个函数。如果第一个参数是字符串,那么只会替换第一个字符串。如果想替换所有的字符串,则必须使用正则表达式。
1.1.当第二个参数是字符串时,字符有特殊的含义:
$1,$2,...,$99 匹配第1~99个分组里捕获的文本
$& 匹配到的子串文本
$` 匹配到的子串的左边文本
$' 匹配到的子串的右边文本
$$ 美元符号
例如,把 “2,3,5”,变成 “5=2+3”:
var result = "2,3,5".replace(/(\d+),(\d+),(\d+)/,"$3=$1+$2");
console.log(result);
// 5=2+3
又例如,把 “2,3,5”,变成 “222,333,555”:
var result = "2,3,5".replace(/(\d+)/g,"$&$&$&");
console.log(result);
// 222,333,555
再例如,把 “2+3=5”,变成 “2+3=2+3=5=5”:
var result = "2+3=5".replace(/=/,"$&$`$&$'$&");
console.log(result);
// 2+3=2+3=5=5
我们对最后这个进行一下说明。要把 "2+3=5",变成 "2+3=2+3=5=5",其实就是想办法把 = 替换成
=2+3=5=,其中,$& 匹配的是 =, $` 匹配的是 2+3,$' 匹配的是 5。因此使用 "$&$`$&$'$&" 便达成了目的。
1.2.当第二个参数是函数时
第二个参数是一个函数。函数拥的参数:第一个参数是匹配到的字符串,倒数第二个参数是匹配的位置,最后一个个参数是原字符串。在函数里面可以对字符串进行操作。使用函数作为第二个参数,可以做一些复杂的替换,比如当匹配多个字符时候,可以对不同的字符做不同的替换。
例如,把 “hello world”,变成 “hebba warbd”:
var str="hello world";
var str1=str.replace(/[ol]/g,function(match,index,input){
console.log(index);
if(match=="o"){
return "a";
}
else {
return "b";
}
});
console.log(str1);//hebba warbd
在例如,引入特殊字符:
"1234 2345 3456".replace(/(\d)\d{2}(\d)/g,function(match,$1,$2,index,input){
console.log([match,$1,$2,index,input]);
})
// ['1234', '1', '4', 0, '1234 2345 3456']
// ['2345', '2', '5', 5, '1234 2345 3456']
// ['3456', '3', '6', 10, '1234 2345 3456']
边栏推荐
- 每日五道面试题 2022/7/27
- meime模块
- 1.10今日学习
- Phospholipid-polyethylene glycol-hydrazide, DSPE-PEG-Hydrazide, DSPE-PEG-HZ, MW: 5000
- Phospholipid-polyethylene glycol-thiol, DSPE-PEG-Thiol, DSPE-PEG-SH, MW: 5000
- 配置mmdet来训练Swin-Transformer之一配置环境
- 微信小程序云开发之模糊搜索
- 微信小程序自定义swiper轮播图面板指示点|小圆点|进度条
- Cloud server installation and deployment of Nacos 2.0.4 version
- C语言 void和void *(无类型指针)
猜你喜欢
随机推荐
querystring模块
啃瓜记录第一天
页面加载流程
C语言中关于2的n次方求值问题(移位运算)
这些JS题面试时一定要答对!
IndexError: only integers, slices (`:`), ellipsis (`...`), numpy.newaxis (`None`) and integer or boo
环形链表---------约瑟夫问题
利用 nucleo stm32 f767zi 进行USART+DMA+PWM输入模式 CUBE配置
微信小程序实现文本安全监测
排序学习笔记(二)堆排序
STM32 触发HardFault_Handler如何查找原因
【 application 】 life many years of operations, what turned scored 12 k + annual bonus salary?
1.6一些今日学习
display,visibility,opacity
The @autowired distinguished from @ the Resource
js 数组去重的常用方法
语义分割标签即像素值的巨坑,transforms.ToTensor()的错误使用
Redis simple study notes
Scientific research reagent DMPE-PEG-Mal dimyristoylphosphatidylethanolamine-polyethylene glycol-maleimide
meime模块