當(dāng)您檢索某個(gè)文本時(shí)，可以使用一種模式來(lái)描述要檢索的內(nèi)容。RegExp 就是這種模式。

簡(jiǎn)單的模式可以是一個(gè)單獨(dú)的字符。

更復(fù)雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等。

您可以規(guī)定字符串中的檢索位置，以及要檢索的字符類型，等等。

1.基本用法

<script>
  // 創(chuàng)建正則
  var reg = /hello/
  // 檢測(cè)某個(gè)字符串是否有符合正則格式的文本
  var flag = reg.test("hello world")
  console.log(flag) // true
</script>

2.修飾符

修飾符用于執(zhí)行區(qū)分大小寫(xiě)和全局匹配

i 不區(qū)分大小寫(xiě)

g 全局匹配

<script>
  // 默認(rèn)會(huì)區(qū)分大小寫(xiě)
  var reg = /hello/
  var flag = reg.test("Hello World")
  console.log(flag) // false
  // 添加i修飾符 不區(qū)分大小寫(xiě)
  var reg2 = /hello/i
  var flag2 = reg2.test("Hello World")
  console.log(flag2) // true

  var str = "I'm in a bad mood, really bad"
  // 默認(rèn)非全局匹配
  var reg3 = /bad/
  var newStr = str.replace(reg3,"good")
  // 只替換了一個(gè)bad
  console.log(newStr) // I'm in a good mood, really bad
  // 全局匹配
  var reg4 = /bad/g
  var newStr2 = str.replace(reg4,"good")
  // 替換了全局的bad為good
  console.log(newStr2) // I'm in a good mood, really good

  // 同時(shí)使用
  var reg5 = /bad/gi
</script>

3.元字符

元字符是擁有特殊含義的字符：

. 查找單個(gè)字符，除了換行和行結(jié)束符。(通俗的說(shuō)是任意字符)

• \d 匹配數(shù)字0-9
• \D 匹配非數(shù)字
• \s 匹配任意空白字符（不局限空格）
• \S 匹配非空白字符
• \w 元字符用于查找單詞字符。(單詞字符包括：a-z、A-Z、0-9，以及下劃線)
• \W 元字符用于查找非單詞字符。

4.方括號(hào)

方括號(hào)用于查找某個(gè)范圍內(nèi)的字符

• [abc] 匹配中括號(hào)中存在的一個(gè)字符(a,b,c中的一個(gè))
• [^abc] 匹配中括號(hào)中不存在的一個(gè)字符(除a,b,c中以外的字符)
• [0-9] 查找任何從 0 至 9 的數(shù)字。
• [a-z] 查找任何從小寫(xiě) a 到小寫(xiě) z 的字符。
• [A-Z] 查找任何從大寫(xiě) A 到大寫(xiě) Z 的字符。
• [A-z] 查找任何從大寫(xiě) A 到小寫(xiě) z 的字符。

5.量詞

• \d{6} 匹配6個(gè)數(shù)字
• \d{4,6} 匹配4到6個(gè)數(shù)字
• \d{4,} 匹配至少4個(gè)數(shù)字
• ? 0或1 超出1個(gè)不匹配
• + 至少1個(gè)
• * 0個(gè)或多個(gè)

.*會(huì)盡可能的匹配更長(zhǎng)的字符(貪婪)

.*?會(huì)盡可能的匹配更短的字符(禁止貪婪)

\d{4,6} 會(huì)盡可能的匹配更長(zhǎng)的字符(貪婪)

\d{4,6}? 會(huì)盡可能的匹配更短的字符(禁止貪婪)

6.邊界匹配

^n 匹配任何開(kāi)頭為 n 的字符串。

n$ 匹配任何結(jié)尾為 n 的字符串。

7.實(shí)例

匹配手機(jī)號(hào)

var reg = /^1\d{10}$/;

匹配QQ號(hào)

var reg = /^[1-9]\d{4,10}$/;

匹配身份證號(hào)

var reg = /^[1-9]\d{16}[Xx\d]$/;

變量名檢測(cè)(只能由字母，數(shù)字，下劃線組成，且不能以數(shù)字開(kāi)頭，長(zhǎng)度6-15)

var reg = /^[A-z_]\w{5,14}$/;

8.相關(guān)方法

test()：檢測(cè)正則表達(dá)式是否能在指定字符串中查找到匹配的文本

<script>
  var str = "hi66morning77"
  // 匹配連續(xù)的3個(gè)數(shù)字
  var reg = /\d{3}/
  console.log(reg.test(str)) // false
  // 匹配連續(xù)的7個(gè)小寫(xiě)字母
  var reg2 = /[a-z]{7}/
  console.log(reg2.test(str)) // true
</script>

match()：查找字符串，將符合正則表達(dá)式規(guī)則的文本以數(shù)組形式返回，如果沒(méi)有指定全局匹配，則只查找一次。找不到就返回null

<script>
  var str = "hi66morning77"
  // 匹配連續(xù)的2個(gè)數(shù)字 非全局匹配
  var reg = /\d{2}/
  console.log(str.match(reg)[0]) // 66
  // 匹配連續(xù)的2個(gè)數(shù)字 全局匹配(推薦)
  var reg2 = /\d{2}/g
  console.log(str.match(reg2)) // ["66", "77"]  
</script>

search()：返回目標(biāo)自字符串第一次出現(xiàn)的索引值（所以全局匹配被忽略）

<script>
  var str = "hi66morning77"
  // 匹配連續(xù)的2個(gè)數(shù)字 非全局匹配
  var reg = /\d{2}/
  console.log(str.search(reg)) // 2
  // 匹配a,b,m中的一個(gè)
  var reg2 = /[abm]/
  console.log(str.search(reg2))  // 4   
</script>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論