正则表达式进阶

正则验证工具

regexper.com

1. 正则分组

通过分组$1,$2...取得()里面的匹配的内容

var str = 'http://img.mukewang.com/57ab14aa0001bc9706000338-240-135.jpg';
var result = str.replace(/http:(\/\/.+\.jpg)/, '$1');
console.log(result);    // //img.mukewang.com/57ab14aa0001bc9706000338-240-135.jpg

var str = '2018/1-21';
var result = str.replace(/^(\d{4})[/-](\d{2})[/-](\d{2})$/, '$2-$3-$1');
console.log(result);    // 01-21-2018

2. 修饰符

• g: global全文搜索
• i: ignore case不区分大小写
• m: multiple lines多行搜索

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

3. 量词

• ? 出现0次或1次（最多出现一次）
• + 出现1次或多次（至少出现一次）
• * 出现0次或多次（任意次）
• {n} 出现n次
• {n,m} 出现n到m次
• {n,} 至少出现n次

4. 非贪婪模式(尽可能匹配少的次数)

量词后面加上?号

'12345678'.replace(/\d{3,6}?/g, 'X'); // 'XX78'

5. 忽略分组

不希望捕获分组，只需要在分组内加上?:就可以

var str = 'Byronabvdok';
var result = str.replace(/(?:Byron).*(ok)/i, '$1');
console.log(result); // ok

6. 前瞻

'a2*34v8'.replace(/\w(?=\d)/g, 'X');    // X2*X4X8
'a2*34vV'.replace(/\w(?!\d)/g, 'X');    // aX*3XXX

7. 正则对象方法

• test
  存在匹配正则表达式的字符，返回true，否则返回false

var reg = /\w/g;
reg.test('ab'); true

• exec
  如果没有匹配的文本返回null，否则返回一个结果数组

var reg1 = /\d(\w)\d/;
var reg2 =/\d(\w)\d/g;
var str = '$1a2b3c4';
var match1 = reg1.exec(str);
console.log(reg1.exec(str));    //  ["1a2", "a", index: 1, input: "$1a2b3c4"]
console.log(reg2.exec(str));    // ["1a2", "a", index: 1, input: "$1a2b3c4"]
console.log(match1[0])  // 1a2
console.log(match1[1])  // a
console.log(match1[2])  // undefined

8. 字符串对象方法

• search
  返回第一个匹配结果的Index,查找不到返回-1

var reg = /\w/g;
reg.test('ab'); true

• match
  如果没有匹配的文本返回null，否则返回一个结果数组

var reg = /\d(\w)\d/;
var str = '$1a2b3c4';
var match = str.match(reg);
console.log(match)  // ["1a2", "a", index: 1, input: "$1a2b3c4"]

• replace

String.prototype.replace(reg, function);

function有4个参数

1. 匹配字符串
2. 正则分组内容，没有分组则没有该参数
3. 匹配项在字符串中的index
4. 原字符串

var reg = /(\d)(\w)(\d)/g;
var str = 'a1b2c3d4f5';
str.replace(reg, function(match, group1, group2, group3, index, origin) {
    console.log(match); // 第一次:1b2 第二次:3d4
    console.log(group1); // 第一次:1 第二次:3
    console.log(group2); // 第一次:b 第二次:d
    console.log(group3); // 第一次:2 第二次:4
    console.log(index); // 第一次:1 第二次:5
    console.log(origin); // 第一次:a1b2c3d4f5 第二次:a1b2c3d4f5
})