快捷導(dǎo)航

JS使用正則表達(dá)式獲取小括號(hào)、中括號(hào)及花括號(hào)內(nèi)容的方法示例

更新時(shí)間：2018年06月01日 09:51:45 作者：Mcya

這篇文章主要介紹了JS使用正則表達(dá)式獲取小括號(hào)、中括號(hào)及花括號(hào)內(nèi)容的方法,涉及javascript針對(duì)三種括號(hào)正則匹配的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS使用正則表達(dá)式獲取小括號(hào)、中括號(hào)及花括號(hào)內(nèi)容的方法。分享給大家供大家參考，具體如下：

正則表達(dá)式的() [] {}有不同的意思。

() 是為了提取匹配的字符串。表達(dá)式中有幾個(gè)()就有幾個(gè)相應(yīng)的匹配字符串。

(\s*)表示連續(xù)空格的字符串。

[]是定義匹配的字符范圍。比如 [a-zA-Z0-9] 表示相應(yīng)位置的字符要匹配英文字符和數(shù)字。[\s*]表示空格或者*號(hào)。

{}一般用來(lái)表示匹配的長(zhǎng)度，比如 \s{3} 表示匹配三個(gè)空格，\s[1,3]表示匹配一到三個(gè)空格。

(0-9) 匹配 '0-9′ 本身。 [0-9]* 匹配數(shù)字（注意后面有 *，可以為空）[0-9]+ 匹配數(shù)字（注意后面有 +，不可以為空）{1-9} 寫(xiě)法錯(cuò)誤。

[0-9]{0,9} 表示長(zhǎng)度為 0 到 9 的數(shù)字字符串。

小括號(hào)是用于將基本的單元合成一個(gè)大的單元，而中括號(hào)就是將多個(gè)基本單元組成一個(gè)選擇域，表示其中一個(gè)的意思。

例子:

小括號(hào)

例子1、我們想匹配123這個(gè)整體

(123)就是匹配"123"這個(gè)整體,

大括號(hào)

而[123]就是匹配1/2/3(1或者2或者3)

再舉個(gè)腳本之家小編碰到的一個(gè)問(wèn)題

例如我們想匹配 多個(gè)替換  中間多個(gè) 的時(shí)候

先用中括號(hào)[]

[ ]*

匹配內(nèi)容的就如下圖所示

那下面用小括號(hào)試試()

( )*

就是我們預(yù)想的效果。

其實(shí)匹配的正則比較好的是這個(gè)，里面萬(wàn)一空字符肯定就不行了

(\s|\&nbsp\;| |　|\xc2\xa0)*

JS 正則表達(dá)式獲取小括號(hào) 中括號(hào) 花括號(hào)內(nèi)的內(nèi)容

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.dbjr.com.cn JS獲取括號(hào)內(nèi)容</title>
</head>
<body>
<script type="text/javascript">
var str="123{xxxx}456[我的]789123[你的]456(1389090)789";
var regex1 = /\((.+?)\)/g; // () 小括號(hào)
var regex2 = /\[(.+?)\]/g; // [] 中括號(hào)
var regex3 = /\{(.+?)\}/g; // {} 花括號(hào)，大括號(hào)
// 輸出是一個(gè)數(shù)組
console.log(str.match(regex1)); 
console.log(str.match(regex2));
console.log(str.match(regex3));
</script>
</body>
</html>

使用在線HTML/CSS/JavaScript代碼運(yùn)行工具http://tools.jb51.net/code/HtmlJsRun測(cè)試運(yùn)行結(jié)果如下：