js正则表达式replace中参数为$1、$2、...、$99、函数等用法以及常用的正则表达式

发布时间 2023-07-04 19:41:46作者: sunny123456

js正则表达式replace中参数为$1、$2、...、$99、函数等用法以及常用的正则表达式
原文链接:https://blog.csdn.net/sxww_zyt/article/details/130258920
示例:时间格式进行转换显示。

   // 20200701192712   2020-07-01 19:27:12
  getdateString(datastr){ 
  let pattern = /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/;
  var datastr = '20200701192712';
   datastr = datastr.replace(pattern,'$1-$2-$3 $4:$5:$6');
 }

语法:

string.replace(regexp, replacement)

参数:

regexp:必需。要搜索的值或正则表达式。

replacement:必需。指定替换文本或生成替换文本的函数。

返回值:已替换指定值的新字符串。

w3school:JavaScript String replace() 方法

一、常规使用

将aaa替换为111:

  1. var str = "aaa,bbb,ccc";
  2. str.replace('aaa', "111");//输出'111,bbb,ccc'

将连续的字母替换为111:

  1. var str = "aaaaaaa,bbbbbb,ccc";
  2. str.replace(/\w+/g, "111");//输出'111,111,111'

 将所有字母全部替换为1:

  1. var str = "aaa,bbb,ccc";
  2. str.replace(/\w/g, "1");//输出'111,111,111'

二、$1、$2、...、$99

  1. var str = "aaa,bbb,ccc";
  2. str.replace(/(\w+),(\w+),(\w+)/, "$3,$2,$1");//输出'ccc,bbb,aaa'
  • $1代表第一个(\w+)匹配到的内容,即aaa
  • $2代表第一个(\w+)匹配到的内容,即bbb
  • $3代表第一个(\w+)匹配到的内容,即ccc
  1. var str = "aaa、bbb、ccc";
  2. str.replace(/(\w)+、(\w)+、(\w)+/, "$3$2$1");//输出'cba'
  • $1代表第一个(\w)匹配到的内容,即a
  • $2代表第一个(\w)匹配到的内容,即b
  • $3代表第一个(\w)匹配到的内容,即c

结论:$1、$2、...、$99 表示正则表达式中的括号匹配项的结果。

三、函数

  1. //输出'hello,world'
  2. var str = "Hello,World";
  3. str.replace(/[A-Z]/g, function(val){
  4. return val.toLowerCase()
  5. });
  6. //输出'HELLO,WORLD'
  7. var str = "Hello,World";
  8. str.replace(/[a-z]/g, function(val){
  9. return val.toUpperCase()
  10. });
  11. //输出'000,000,111'
  12. var str = "aaaaaaa,bbbbbb,ccc";
  13. str.replace(/\w+/g, function(val){
  14. return val === 'ccc' ? '111':'000'
  15. });

一个经典的例子——模板字符匹配: 

  1. var data = {
  2. title:'标题',
  3. subTitle: '副标题',
  4. content:'内容'
  5. }
  6. var str='这是一段内容,标题是{{title}},副标题是{{subTitle}},内容是{{content}}'
  7. str.replace(/\{\{(.*?)\}\}/g, function(val,key){
  8. return data[key]
  9. });

输出:这是一段内容,标题是标题,副标题是副标题,内容是内容

这里函数的第一个参数是匹配的内容,第二个参数是括号匹配的结果

四、其他常用正则表达式

邮箱格式:^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$

正整数:^[1-9]([0-9])*$

身份证号^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$
ip地址^[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}$
数字或英文字母^([0-9a-zA-Z]+)$
手机号码^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\\d{8}$
日期时间格式YYYY-MM-DD HH:mm:ss^(\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}:\\d{2})$
日期格式YYYY-MM-DD^(\\d{4}-\\d{2}-\\d{2})$
合法url

(https?|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]

最多三位小数^(?:[1-9]\\d*|0)(?:\\.\\d{1,3})?$
大于等于0且最多三位小数^(?!0+(?:\\.0+)?$)(?:[1-9]\\d*|0)(?:\\.\\d{1,3})?$
最多两位小数^(?:[1-9]\\d*|0)(?:\\.\\d{1,2})?$
大于等于0且最多两位小数^(?!0+(?:\\.0+)?$)(?:[1-9]\\d*|0)(?:\\.\\d{1,2})?$
至少两个字符,中文或英文^([a-zA-Z\\u4E00-\\u9FA5]+)$
3-15个字符,仅限数字、字母、斜杠、横杠、点^[-/0-9A-Za-z.]{3,15}$