Javascript中查找不以XX字符結(jié)尾的單詞示例代碼
更新時(shí)間:2013年10月15日 16:03:50 作者:
我在寫這篇文章之前花了2個(gè)多小時(shí)在弄正則表達(dá)式,下為大家介紹下具體的實(shí)現(xiàn)思路,感興趣的朋友可以參考下
首先,讓我聲明一下,我在寫這篇文章之前花了2個(gè)多小時(shí)在弄正則表達(dá)式。悲~悲~悲~
按照一般的思路,先來看看其他幾個(gè)插找方式: 我以字符串
var str = "eattd gebcat gedat jadu geat beu";
為例子。
1.以"ge"為開頭的,結(jié)果應(yīng)該是"gebcat, gedat, geat"。因?yàn)閱卧~以"ge"開頭,則我可以放入一個(gè)新的數(shù)組供以后使用。
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"結(jié)尾的單詞,結(jié)果為"gebcat","gedat","geat"。同樣,我可以放入數(shù)組。
var exp1 = /\w+(at\b)/ig;
3.不以"ge"開頭的單詞,我需要另外一個(gè)數(shù)組來存放。
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"結(jié)尾的的單詞,好,問題來了。Javascript中的Regex比較弱,不支持逆環(huán)視否定,因此不能寫:
var exp1 = /\w+(?<!at\b)/ig;
而
var exp1 = /\w+(?!at\b)/ig;
的意思中單詞結(jié)尾的右邊不能為"at",那是不可能的,\b\w就是查找單詞邊界。我換一個(gè)角度來寫,找到以at結(jié)尾的,把該單詞從原來的字符串中刪除。然后放入一個(gè)新數(shù)組。
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,完成了!
思則得,不思則不得。
按照一般的思路,先來看看其他幾個(gè)插找方式: 我以字符串
復(fù)制代碼 代碼如下:
var str = "eattd gebcat gedat jadu geat beu";
為例子。
1.以"ge"為開頭的,結(jié)果應(yīng)該是"gebcat, gedat, geat"。因?yàn)閱卧~以"ge"開頭,則我可以放入一個(gè)新的數(shù)組供以后使用。
復(fù)制代碼 代碼如下:
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"結(jié)尾的單詞,結(jié)果為"gebcat","gedat","geat"。同樣,我可以放入數(shù)組。
復(fù)制代碼 代碼如下:
var exp1 = /\w+(at\b)/ig;
3.不以"ge"開頭的單詞,我需要另外一個(gè)數(shù)組來存放。
復(fù)制代碼 代碼如下:
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"結(jié)尾的的單詞,好,問題來了。Javascript中的Regex比較弱,不支持逆環(huán)視否定,因此不能寫:
復(fù)制代碼 代碼如下:
var exp1 = /\w+(?<!at\b)/ig;
而
復(fù)制代碼 代碼如下:
var exp1 = /\w+(?!at\b)/ig;
的意思中單詞結(jié)尾的右邊不能為"at",那是不可能的,\b\w就是查找單詞邊界。我換一個(gè)角度來寫,找到以at結(jié)尾的,把該單詞從原來的字符串中刪除。然后放入一個(gè)新數(shù)組。
復(fù)制代碼 代碼如下:
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,完成了!
思則得,不思則不得。
相關(guān)文章
微信小程序?qū)崿F(xiàn)購物頁面左右聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)購物頁面左右聯(lián)動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02JavaScript基于libgif.js實(shí)現(xiàn)控制gif動(dòng)畫幀
這篇文章主要為大家詳細(xì)介紹了JavaScript如何利用libgif.js插件控制gif動(dòng)畫幀,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02layer彈出的iframe層在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層的方法
今天小編就為大家分享一篇layer彈出的iframe層在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08更優(yōu)雅的微信小程序骨架屏實(shí)現(xiàn)詳解
這篇文章主要介紹了更優(yōu)雅的微信小程序骨架屏實(shí)現(xiàn)詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08javascript檢測(cè)移動(dòng)設(shè)備橫豎屏
移動(dòng)端的開發(fā)過程中,免不了要判斷橫豎屏,然后在執(zhí)行其他操作,比如分別加載不同樣式,橫屏顯示某些內(nèi)容,豎屏顯示其他內(nèi)容等等。2016-05-05LayUI動(dòng)態(tài)設(shè)置checkbox不顯示的解決方法
今天小編就為大家分享一篇LayUI動(dòng)態(tài)設(shè)置checkbox不顯示的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09