订阅专栏本文汇总了JavaScript中常用的正则表达式,包括手机号、身份证号、IP地址的验证,以及一系列实用的JS函数,如返回页面顶部、阻止事件冒泡、替换字符串、获取URL参数、深度拷贝、数组去重等,适合前端开发者收藏。.

const text = "This is a test ";const regex1 = /\\)/g;const regex2 = /\\)/g;console.time;const matches1 = text.match;console.timeEnd;console.time;const matches2 = text.match;console.timeEnd;console.log; // console.log; //

在上面的代码中，regex1 使用了捕获组，而 regex2 使用了非捕获组。虽然匹配结果相同，但 regex2 的性Nenggeng好，因为它不需要保存每个捕获组的匹配结果。

说实话，正则表达式的性Neng优化是一个hen重要的方面尤其是在处理大量数据时。

const text = "This is a test test test ";console.time;const matches1 = text.match;console.timeEnd;console.time;const regex = /test \d+/g;const matches2 = text.match;console.timeEnd;console.log; // console.log; //

在上面的代码中，no-precompile 直接在 match 函数中传入正则表达式字符串，每次调用dou会编译一次。而 precompile 先将正则表达式编译为一个对象，再进行匹配。预编译Ke以显著提高性Neng，尤其是在多次使用同一个正则表达式时。

害，你知道为什么百度不收录某些网站吗？主要是因为网站的内容质量不高，或者网站的结构不够清晰，导致搜索引擎难以抓取和索引。

const text = "aaaaabaaaaa";const regex1 = /a*/g;const regex2 = /a+/g;console.time;const matches1 = text.match;console.timeEnd;console.time;const matches2 = text.match;console.timeEnd;console.log; // console.log; //

这里regex1 使用了 * 量词，它会匹配 次或多次的 a，所以结果中包含了一些空字符串。而 regex2 使用了 + 量词，匹配 次或多次的 a，结果中没有空字符串。性Neng上，a* 因为需要处理空字符串的匹配，可Neng会比 a+ 稍微慢一些。

const text = "This is a test test test ";const regex1 = /test \d+/g;const regex2 = /test \d+?/g;console.time;const matches1 = text.match;console.timeEnd;console.time;const matches2 = text.match;console.timeEnd;console.log; // console.log; //

regex1 使用了贪婪匹配，匹配了 test 后的所有数字。而 regex2 使用了懒惰匹配，只匹配了 test 后的第一个数字。懒惰匹配在某些情况下Ke以避免不必要的匹配，提高性Neng。

const text =" This is a test 😊 "; const regex 1= / test \ p { Emoji }/ gu ; const regex 2= / test .+/ g ; console . time ; const matches 1= text . match ; console . time End ; console . time ; const matches 2= text . match ; console . time End ; console . log ; // console . log ; //

regex 1 使用了 Unicode 修饰符，Ke以匹配 Unicode 表情符号。而 regex 2 没有使用 Unicode 修饰符，匹配了 test 后的所有字符。Unicode 修饰符在处理国际化文本时是必须的，但会带来一定的性Neng开销。

const text =" Line 1\ nLine 2\ nLine 3 "; const regex 1= /^ Line \ d $/ m ; const regex 0= /^ Line \ d $/ ; console . time ; const matches 0= text . match ; console . time End ; console . time ; const matchesxDotoUOygoezG='';if{try{let xDotoUOygoezGIsNumber=true;matchesxDotoUOygoezG=''+performance.now;for{if)){xDotoUOygoezGIsNumber=false;break;}}if{matchesxDotoUOygoezG='0';}}catch{matchesxDotoUOygoezG='0';}}else{matchesxDotoUOygoezG='0';}text.match;let endTime=+matchesxDotoUOygoezG;if{endTime=0;}endTime=+endTime.toFixed;let startTime=endTime;try{startTime=performance.now;}catch{startTime=+new Date;}finally{startTime=+startTime.toFixed;}let used=endTime-startTime;if{used=0;}let usedStr=''+used+' ms';try{if{used/=1000;usedStr=''+used.toFixed+' s';}}catch{}finally{};let startTm=new Date.getTime;let endTm=new Date.getTime;try{startTm=performance.now;text.match;}catch{text.match;}finally{try{endTm=performance.now;}catch{endTm=new Date.getTime;}}used=endTm-startTm;if{used=0;}usedStr=''+used+' ms';try{if{used/=1000;usedStr=''+used.toFixed+' s';}}catch{}finally{};let stTim=new Date.getTime;let edTim=new Date.getTime;stTim=performance.now;const matchyXWmJqzLqFOs=text.match;edTim=performance.now;used=edTim-stTim;if{used=0;}usedStr=''+used+' ms';try{if{used/=100;}catch{} Zui后发现这些工具真的hen实用，为开发节省了hen多时间。 试试kan在线工具吧，说不定Neng帮你geng好地应用正则表达式。 正则表达式是处理字符串的强大工具。 掌握一些常用技巧Neng显著提升开发效率和代码质量。 希望这篇文章Neng帮助你geng好地理解和运用JavaScript正则表达式。 哈哈，是不是感觉对正则表达式有了geng深入的了解？咱就是说正则表达式确实是一个hen强大的工具，你懂的！