DIV CSS 佈局教程網

首先，讓我聲明一下，我在寫這篇文章之前花了2個多小時在弄正則表達式。悲~悲~悲~

按照一般的思路，先來看看其他幾個插找方式： 我以字符串
復制代碼 代碼如下:
var str = "eattd gebcat gedat jadu geat beu";

為例子。

1.以"ge"為開頭的，結果應該是"gebcat, gedat, geat"。因為單詞以"ge"開頭，則我可以放入一個新的數組供以後使用。
復制代碼 代碼如下:
var exp1 = /\bge\w+/ig;

var matchedStr = exp1.exec(str);

while (matchedStr != null && matchedStr.index < str.length) {
if (matchedStr[0] != null) {
inv.innerHTML += "<br>The result is: " + matchedStr[0];
//newStr = newStr.replace(matchedStr[0]);
wordsArr.push(matchedStr[0]);
}
matchedStr = exp1.exec(str);
}

2.以"at"結尾的單詞，結果為"gebcat","gedat","geat"。同樣，我可以放入數組。
復制代碼 代碼如下:
var exp1 = /\w+(at\b)/ig;

3.不以"ge"開頭的單詞，我需要另外一個數組來存放。
復制代碼 代碼如下:
var exp1 = /\b(?!ge)\w+/ig;
var wordsArr = new Array();
var matchedStr = exp1.exec(str);

while (matchedStr != null && matchedStr.index < str.length) {
if (matchedStr[0] != null) {
inv.innerHTML += "<br>The result is: " + matchedStr[0];
newStr = newStr.replace(matchedStr[0]);
wordsArr.push(matchedStr[0]);
}
matchedStr = exp1.exec(str);
}

//wordsArr = newStr.split(" ");

for (var i = 0; i < wordsArr.length;) {
if (wordsArr[i] == "undefined") {
wordsArr.splice(i,1);
} else
i++
}

4. 不以"at"結尾的的單詞，好，問題來了。Javascript中的Regex比較弱，不支持逆環視否定，因此不能寫:
復制代碼 代碼如下:
var exp1 = /\w+(?<!at\b)/ig;

而
復制代碼 代碼如下:
var exp1 = /\w+(?!at\b)/ig;

的意思中單詞結尾的右邊不能為"at"，那是不可能的，\b\w就是查找單詞邊界。我換一個角度來寫，找到以at結尾的，把該單詞從原來的字符串中刪除。然後放入一個新數組。
復制代碼 代碼如下:
function RegularExpTest() {
var inv = document.getElementById("RegexTest");
var str = "eattd gedbcat gedat jadu geat beu";
var newStr = str;
var exp1 = /\w+at\b/ig;
var wordsArr = new Array();
var matchedStr = exp1.exec(str);

while (matchedStr != null && matchedStr.index < str.length) {
if (matchedStr[0] != null) {
inv.innerHTML += "<br>The result is: " + matchedStr[0];
newStr = newStr.replace(matchedStr[0]);
}
matchedStr = exp1.exec(str);
}

wordsArr = newStr.split(" ");

for (var i = 0; i < wordsArr.length;) {
if (wordsArr[i] == "undefined") {
wordsArr.splice(i,1);
} else
i++
}

inv.innerHTML += "<br>The result is: " + wordsArr;
}

OK，完成了！

思則得，不思則不得。