Javascript中正则表达式的应用详解

'Hello World!'.search(/world/i);  // 6  返回匹配出的第一个字符串的开始位置索引，
//与 indexOf 方法类似，但是 search方法 可以支持 正则表达式，功能更加强大  

// 1. 最简单的应用，world 替换为 ljz
'Hello World!'.replace(/world/i,'ljz'); // 返回值（'Hello ljz!'） i模式可以忽略大小写
// 2 如果要替换 的字符串为动态字符串，并且可能包含特殊符号 比如 '?' 这样构造正则表达式,
//如果包含特殊符号会影响正则匹配,会有可能匹配不到,所以可以考虑使用字符串替换.
// 如下，要将src属性为指定值 的 标签 加上classname属性为 ‘aaaImg'
const str = '/aaa/bbb?fileid=111';
'<img src="https://www.atool.online/aaa/bbb?fileid=111" ><h2>123</h2><p>444</p>'.replace(`src="https://www.atool.online/article/${str}"`,`src="https://www.atool.online/article/${str}" className="aaaImg"`);
// 返回值（'<img src="https://www.atool.online/aaa/bbb?fileid=111" className="aaaImg" ><h2>123</h2><p>444</p>'）
// 3. 上述情况如果只适用于替换一个字符串，如果我要替换的串是有多个呢，有两种解决思路， 一是可以继续使用字符串替换，可以使用replaceAll方法，用法与repalce相同，但是可以进行全部替换，ie浏览器不支持repalceAll方法，如果要考虑兼容ie ，那就只能考虑第二种方式了。
// 使用正则表达式，正则表达式有全局模式，可以支持全部替换，就是需要对要构造正则表达式的动态字符串进行处理一下，避免特殊符号影响匹配的情况。
// 可以先对  动态字符串进行转码，在对要处理的字符串进行转码处理，然后进行全局替换，替换完成再进行解码还原字符串就可以了。
'<img src="https://www.atool.online/aaa/bbb?fileid=111" ><h2>123</h2><p>444</p><img src="https://www.atool.online/aaa/bbb?fileid=111" >';
const regExp = new RegExp(encodeURIComponent('src="https://www.atool.online/aaa/bbb?fileid=111"'),'g'); 
const data = encodeURIComponent(dataStr).replace(regExp, decodeURIComponent('src="https://www.atool.online/aaa/bbb?fileid=111 className="aaaImg"'));
decodeURIComponent(data);  // 返回值（'<img src="https://www.atool.online/aaa/bbb?fileid=111 className="aaaImg" ><h2>123</h2><p>444</p><img src="https://www.atool.online/aaa/bbb?fileid=111 className="aaaImg" >'）

var str=”The rain in SPAIN stays mainly in the plain ;
var n=str.match(/ain/gi); // 输出结果: ain,AlN,ain,ain ，match与 下面exec方法类似，只不过match是字符串的方法，exec是 正则表达式的方
法。

const reg = new RegEx//jz/);
reg.test(hello ljz!); // true

// 最基本匹配
const reg1 = new RegExp(/
ljz)d+); // 匹配ljz后面携带数字的串
reg1.exec('cmasklnvjksdfbnk12345
6cdsnjkvbsdfhjjz123vbfsdhj)[0]; // 123

//捕获对应的字符串
// ()会把每个分组里的匹配的值保存起来，exec得到一一个数组，此时捕获分组会把匹配到的值保存起来，从数组下标[1]开始依次存储
// [^]表示以此结束的串([^"]*) 就可以是捕获分组以"结束的串
const reg2 = new RegExp(/id="([^"]*/); //要捕获标签字符串中的id属性值
reg2.exec("<img id=\"cFF2vAMVq" src=\"/aaa/bbb\"/>');//返回数组。0为匹配到的字符串('d="cFF2vAMVq')，1为要捕获的串('cFF2vAMVq')