JavaScript學習筆記Regex教程

為什麼要學習Regex？下面看一個例子

從12 abc34 efs 23 23 = =kl 60 這個字串中提取數字

var str="12 abc34 efs 23 23 = =kl 60";
var arr=[];
var tmp="";
for(var i=0;i<str.length; i++){
 if(str.charAt(i)>="0" && str.charAt(i)<="9"){
  tmp += str.charAt(i);
  }else{
   if(tmp){
    arr.push(tmp);
    tmp="";
    }
   }
 
 }
if(tmp){
 arr.push(tmp);
 tmp="";
 }
alert(arr);

這麼長一串代碼實現，這個時候我們就需要Regex了。
Regex：規則、模式
強大的字串匹配工具
是一種 正常人類很難讀懂的文字
js風格——new RegExp(“a”,”i”) i：忽略大小寫
prel風格——/a/i
/\d/ 轉義
match
把所有匹配的東西全部提取出來。此時在返回一開始那個例子，把字串中的數字提取出來
1
alert(str.match(/\d+/g));
此處的+代表若干，量詞。g是表示global，全部的意思。
replace
替換所有匹配，返回替換後的字串。例子：敏感詞過濾

window.onload = function(){
 var oTex1 = document.getElementById("txt1");
 var oTex2 = document.getElementById("txt2");
 var oBtn = document.getElementById("btn1");
 oBtn.onclick = function(){
  var re=/呵呵|哈哈/g;
  oTex2.value = oTex1.value.replace(re,"***");
  }
 }

<textarea id="txt1"></textarea>
<input type="button" value="過濾" id="btn1" />
<textarea id="txt2"></textarea>