快捷導(dǎo)航

JavaScript正則表達(dá)式簡(jiǎn)單實(shí)用實(shí)例

更新時(shí)間：2017年06月23日 14:27:34 作者：DOS先生

這篇文章主要介紹了JavaScript正則表達(dá)式簡(jiǎn)單實(shí)用實(shí)例的相關(guān)資料,需要的朋友可以參考下

1.replace

var user='xia&&min**';
user=user.replace(/[^A-Za-z\d_-]+/,'');   //需要再次賦值
console.log(user); //xiamin**
user = user.replace(/[^A-Za-z\d_-]+/g, '');  //全局進(jìn)行替換
console.log(user); //xiamin

分割郵件

var email='nettuts@tutsplus.com';
var result=email.replace(/([A-Za-z_\d-]+)@([A-Za-z_\d-]+)\.[a-z]{2,4}/ig,'$1,$2');
console.log(result); //nettuts tutsplus

2.test

這個(gè)方法接受單個(gè)字符串參數(shù)，然后返回一個(gè)布爾值，該值表明是否找到一個(gè)批評(píng)。如果你不需要對(duì)特定的匹配結(jié)果進(jìn)行操作，比如，驗(yàn)證用戶(hù)名，“test”方法已足夠完成這個(gè)任務(wù)。

var name='xiamin';
var result=/[A-Za-z-_]+/.test(name);
console.log(result);

3.match

與test方法不同，match() 返回一個(gè)包含所有找到的批評(píng)的數(shù)組。

var name='xiamin';
var result=name.match(/i/g);
console.log(result); //(2) ["i", "i"]

匹配所有問(wèn)號(hào)前后內(nèi)容

var url ='http://localhost:8080?name=xiamin';
var result=url.match(/^(.+)\?(.+)/i);
console.log(result);//"http://localhost:8080?name=xiamin?" "http://localhost:8080" "name=xiamin"

匹配#后面的內(nèi)容

var url ='http://localhost:8080?name=xiamin#dnsjdnw';
var result=url.match(/#(.+)/i);
console.log(result);//"#dnsjdnw", "dnsjdnw"

獲取協(xié)議

var url ='http://localhost:8080?name=xiamin#dnsjdnw';
var result=url.match(/(ht|f)tps?:/i);
console.log(result);//"http:", "ht"

匹配頁(yè)面url

var url ='http://www.baidu.com';
var result=url.match(/.+\.[a-z]{2,4}/ig);
console.log(result);//http://www.baidu.com

以上所述是小編給大家介紹的JavaScript正則表達(dá)式簡(jiǎn)單實(shí)用實(shí)例，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

LayUI+Shiro實(shí)現(xiàn)動(dòng)態(tài)菜單并記住菜單收展的示例
這篇文章主要介紹了LayUI+Shiro實(shí)現(xiàn)動(dòng)態(tài)菜單并記住菜單收展的示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-05-05
微信小程序module.exports模塊化操作實(shí)例淺析
這篇文章主要介紹了微信小程序module.exports模塊化操作,結(jié)合實(shí)例形式簡(jiǎn)單分析了module.exports模塊化的定義與引用相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2018-12-12
JavaScript 中Date對(duì)象的格式化代碼方法匯總
JavaScript默認(rèn)的時(shí)間格式我們一般情況下不會(huì)用，所以需要進(jìn)行格式化，下面小編給大家?guī)?lái)了三種js date對(duì)象格式化實(shí)例代碼，需要的朋友參考下吧
2017-09-09
JavaScript設(shè)計(jì)模式之單例模式簡(jiǎn)單實(shí)例教程
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單例模式,結(jié)合簡(jiǎn)單實(shí)例形式分析了單例模式的概念、功能及javascript定義與使用單例模式相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
fullPage.js和CSS3實(shí)現(xiàn)全屏滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了fullPage.js和CSS3實(shí)現(xiàn)全屏滾動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
Flexigrid在IE下不顯示數(shù)據(jù)的處理的解決方法
Flexigrid在IE下不顯示數(shù)據(jù)的情況，想必大家都有遇到過(guò)吧，下面有個(gè)不錯(cuò)的解決方法，感興趣的朋友可以參考下
2013-10-10
JS如何判斷瀏覽器類(lèi)型和詳細(xì)區(qū)分IE各版本瀏覽器
本篇文章主要介紹了JS判斷瀏覽器類(lèi)型和詳細(xì)區(qū)分IE各版本瀏覽器的代碼，非常具有實(shí)用價(jià)值，有興趣的可以了解一下。
2017-03-03
js實(shí)現(xiàn)進(jìn)度條的方法
這篇文章主要介紹了js實(shí)現(xiàn)進(jìn)度條的方法,實(shí)例分析了兩種不同的實(shí)現(xiàn)方法,并說(shuō)明了setTimeout和setInterval的使用區(qū)別,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
javascript 異常處理使用總結(jié)
javascript 異常處理使用總結(jié)try…catch…finally window.onerror
2009-06-06
原生JS實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06