正则知识点总结

2019-05-23  本文已影响0人  ST_Pace

title: 正则知识点总结
date: 2018-01-04 23:03:51
tags: 正则表达式


set the pace.png

intro

笔记总结自慕课网正则表达式教学视频 ☞ 正则表达式

正则表达式

RegExp 对象

var reg = /\bis\b/g;
var reg = new RegExp('\\bis\\b','g');

元字符

正则表达式由两种基本字符类型组成:原义文本字符,元字符
元字符是在正则表达式中有特殊含义的非字母字符
* + ? $ ^ . | \ ( ) { } [ ]

字符类

一般情况下正则表达式一个字符对应字符串一个字符

范围类

预定义类

匹配一个ab+数字+任意字符的字符串

ab\d.

边界

常用的边界匹配字符

量词

\d{20}
\d{20}\w\d?\w+\d*\d{3}\w{3,5}\d{3,}

js正则贪婪模式

'12345678'.replace(/\d{3,6}/g,'x') // => "x78"

让正则表达式尽可能少的匹配,一旦匹配成功匹配不在继续尝试

在量词后加?即可

'12345678'.match(/\d{3,6}?/g,'x') // => ["123","456","789"]

分组

使用()可以达到分组的功能,使量词作用于分组

(Pan){3}

使用|达到或的效果

Helia|Pan
Hel(ia|Pa)n

反向引用

2018-12-25 => 12/25/2018

'2018-12-25'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$2$3$1')

忽略分组

不希望捕获某些分组,需在分组内加上?:

(?:Helia).(Pan)

前瞻

正向前瞻 = exp(?=assert)

负向前瞻 = exp(?!assert)

'a2*3'.replace(/\w(?=\d)/g,'X'); // => 'X2*3'

'a2*3'.replace(/\w(?!\d)/g,'X'); // => 'aX*X'

js对象属性

test

RegExp.prototype.test(str)

exec

RegExp.prototype.exec(str)

非全局调用

var reg1 = /\d(\w)(\w)\d/;
var ts = '$1az2bb3cy4dd5ee';
var ret = reg1.exec(ts);
console.log(reg1.lastIndex + '\t' + ret.index + '\t' + ret.toString()); 
// => 0 1 1az2,a,z
console.log(reg1.lastIndex + '\t' + ret.index + '\t' + ret.toString()); 
// => 0 1 1az2,a,z
var reg2 = /\d(\w)(\w)\d/g;
var ts = '$1az2bb3cy4dd5ee';
while(ret = reg2.exec(ts)){
  console.log(reg2.lastIndex + '\t' + ret.index + '\t' + ret.toString()); 
  // => 5 1 1az2,a,z 
  // => 11 7 3cy4,c,y
}

字符串对象方法

search

String.prototype.search(reg)

match

String.prototype.match(reg)

非全局调用
全局调用
var reg3 = /\d(\w)\d/;
var ts = '$1a2b3c4d5e';
var ret = ts.match(reg3);
console.log(ret);
// => ["1a2", "a", index: 1, input: "$1a2b3c4d5e"]
console.log(ret.index + '\t' + reg3.lastIndex);
// => 1  0
var reg3 = /\d(\w)\d/;
var ts = '$1a2b3c4d5e';
var ret = ts.match(reg3);
console.log(ret);
// => ["1a2", "3c4"]
console.log(ret.index + '\t' + reg3.lastIndex);
// => "undefined"  0

split

String.prototype.split(reg)

'a,b,c,d'.split(',')
// => ["a","b","c","d"]
'a1b2c3d'.split('/\d/')
// => ["a","b","c","d"]

replace

String.prototype.replace(reg)

function参数含义

function会在每次匹配替换的时候调用,有四个参数

  1. 匹配字符串
  2. 正则表达式分组内容,没有分组则没有该参数
  3. 匹配项在字符串中的index
  4. 原字符串
'a1b1c1'.replace('1', '2');
// => "a2b1c1"

'a1b1c1'.replace(/\d/g, '2');
// => "a2b2c2"

'a1b2c3d4e5'.replace(/\d/g,function(match, index, origin){
  console.log(index);
  return parseInt(match) + 1;
});
// 1  3  5  7  9
// => "a2b3c4d5e6"

'a1b2c3d4e5'.replace(/(\d)(\w)(\d)/g,function(match, group1, group2, group3, index, origin){
  console.log(index);
  return group1 + group2;
});
// 1  5
// => "a1bc3de5"

end

上一篇下一篇

猜你喜欢

热点阅读