系统性学习JS正则表达式

let reg = /[a-z]{3}/gmi;
let reg = /[a-z]{3}/g;
let reg = /[a-z]{3}/m;
let reg = /[a-z]{3}/i;

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

// replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
'a1b2c3d4e5'.replace(/[abc]/g, '0'); //010203d4e5

// 元字符 ^ 创建一个 反向类/负向类
'abcdefg'.replace(/[^abc]/g, '0'); //abc0000

// 替换所有数字
'a1c2d3e4f5'.replace(/[0-9]/g, 'x'); //axcxdxexfx
// 替换所有小写字母
'a1c2d3e4f5'.replace(/[a-z]/g, 'x'); //x1x2x3x4x5
// []组成的类内部是可以连写的。替换所有大小写字母
'a1C2d3E4f5G6'.replace(/[a-zA-Z]/g, '*'); //*1*2*3*4*5*6

// 替换所有数字和横杠
'2018-5-21'.replace(/[0-9-]/g, '*'); //*********

// 写法1
'ab0c'.replace(/ab[0-9][^\r\n]/g, 'TangJinJian'); //TangJianJian
// 写法2
'ab0c'.replace(/ab\d./g, 'TangJinJian'); //TangJianJian

'YuYan is a boy, YuYan'.replace(/^YuYan/g, 'TangJinJian'); //TangJinJian is a boy, YuYan

'YuYan is a boy, YuYan'.replace(/YuYan$/g, 'TangJinJian'); //YuYan is a boy, TangJinJian

// 替换所有is为0
'This is a man'.replace(/is/g, '0'); //Th0 0 a man
// 替换所有is前面带有单词边界的字符串
'This is a man'.replace(/\bis/g, '0'); //This 0 a man
// 替换所有is前面没有单词边界的字符串
'This is a man'.replace(/\Bis\b/g, '0'); //Th0 is a man

'1234567890abcd'.replace(/\d{10}/, '*'); //*abcd

'我的QQ是：10000'.replace(/[1-9][0-9]{4,}/, '19216811'); //我的QQ是：19216811

// 贪婪模式会尽可能的往多的方面去匹配
'123456789'.replace(/\d{3,6}/, 'x'); //x789
'123456789'.replace(/\d+/, 'x'); //x
'123456789'.replace(/\d{3,}/, 'x'); //x

// 非贪婪模式使用 ? 尽可能的往少的方面去匹配
'12345678'.replace(/\d{3,6}?/g, 'x'); //xx78
'123456789'.replace(/\d{3,6}?/g, 'x'); //xxx

//没有分组的情况下，后面的量词，只是表示匹配3次数字。
'a1b2d3c4'.replace(/[a-z]\d{3}/g, '*'); //a1b2d3c4
//有分组的情况下，分组后面的量词，表示符合这个分组里规则的字符串，匹配3次。
'a1b2d3c4'.replace(/([a-z]\d){3}/g, '*'); //*c4

//我想把ijaxxy和ijcdxy都替换成*
'ijabxyijcdxy'.replace(/ij(ab|cd)xy/g, '*'); //**

//我想把改变年月日之间的分隔符
'2018-5-22'.replace(/(\d{4})-(\d{1,2})-(\d{1,2})/g, '$1/$2/$3'); //2018/5/22
//我想替换日期，并且更改顺序
'2018-5-22'.replace(/(\d{4})-(\d{1,2})-(\d{1,2})/g, '$2/$3/$1'); //5/22/2018

// 忽略掉匹配年的分组后，匹配月的分组变成了$1，日的分组变成了$2
'2018-5-22'.replace(/(?:\d{4})-(\d{1,2})-(\d{1,2})/g, '$1/$2/$3'); //5/22/$3

'a1b2ccdde3'.replace(/\w(?=\d)/g, '*'); //*1*2ccdd*3

'a1b2ccdde3'.replace(/\w(?!\d)/g, '*'); //a*b*****e*

let reg1 = /\w/;
let reg2 = /\w/gim;
reg1.global; //false
reg1.ignoreCase; //false
reg1.multiline; //false
reg2.global; //true
reg2.ignoreCase; //true
reg2.multiline; //true

let reg1 = /\w/;
reg1.test('a'); //true
reg1.test('*'); //false

let reg1 = /\w/g;
// 第一遍
reg1.test('ab'); //true
// 第二遍
reg1.test('ab'); //true
// 第三遍
reg1.test('ab'); //false
// 第四遍
reg1.test('ab'); //true
// 第五遍
reg1.test('ab'); //true
// 第六遍
reg1.test('ab'); //false

let reg = /\w/g;
// 每次匹配到，就会把lastIndex指向匹配到的字符串后一个字符的索引。
while(reg.test('ab')) {
 console.log(reg.lastIndex);
}
// 1
// 2

let reg = /\w\w/g;
while(reg.test('ab12cd')) {
 console.log(reg.lastIndex);
}
// 2
// 4
// 6

let reg = /\w/g;
// 匹配不到符合正则的字符串之后，lastIndex会变为0。
while(reg.test('ab')) {
 console.log(reg.lastIndex);
}
console.log(reg.lastIndex);
reg.test('ab');
console.log(reg.lastIndex);
// 1
// 2
// 0
// 1

let reg = /\w/g;
reg.lastIndex = 2;
reg.test('ab'); //false

let reg = /\d(\w)\d/;
let ts = '*1a2b3c';
let ret = reg.exec(ts); //ret是结果数组
// reg.lastIndex肯定是0，因为没有g标志。 没有g标志的情况下，lastIndex被忽略。
console.log(reg.lastIndex + '\t' + ret.index + '\t' + ret.toString());
console.log(ret);
// 0 1 1a2,a
// ["1a2", "a"]

// 子表达式就是分组。
let reg = /\d(\w)(\w)(\w)\d/;
let ts = '*1a2b3c';
let ret = reg.exec(ts);
console.log(reg.lastIndex + '\t' + ret.index + '\t' + ret.toString());
console.log(ret); //

let reg = /\d(\w)(\w)(\w)\d/g;
let ts = '*1abc25def3g';
while(ret = reg.exec(ts)) {
 console.log(reg.lastIndex + '\t' + ret.index + '\t' + ret.toString());
}
// 6 1 1abc2,a,b,c
// 11 6 5def3,d,e,f

'TangJinJian'.search('Jin'); //4
'TangJinJian'.search(/Jin/); //4

let reg = /\d(\w)\d/;
let ts = '*1a2b3c';
let ret = ts.match(reg);
console.log(ret.index + '\t' + reg.lastIndex);
console.log(ret);
// 1 0
// ["1a2", "a"]

let reg = /\d(\w)\d/g;
let ts = '*1a2b3c4e';
let ret = ts.match(reg);
console.log(ret.index + '\t' + reg.lastIndex);
console.log(ret);
// undefined 0
// ["1a2", "3c4"]

'a,b,c,d'.split(/,/); //["a", "b", "c", "d"]
'a1b2c3d'.split(/\d/); //["a", "b", "c", "d"]
'a1b-c|d'.split(/[\d-|]/); //["a", "b", "c", "d"]

'TangJinJian'.replace('Tang', ''); //JinJian
'TangJinJian'.replace(/Ji/g, '*'); //Tang*n*an

'a1b2c3d4'.replace(/\d/g, function(match, index, orgin) {
 console.log(index);
 return parseInt(match) + 1;
});
// 1
// 3
// 5
// 7
// a2b3c4d5

'a1b2c3d4e5f6'.replace(/(\d)(\w)(\d)/g, function(match, group1, group2, group3, index, orgin) {
 console.log(match);
 return group1 + group3;
});
// 1b2
// 3d4
// 5f6
// a12c34e56相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！