第十章通用表示法(編輯修改稿)
2024-11-03 12:41 本頁面
【文章內(nèi)容簡介】 21/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 1012 ? 主題：通用式的「貪心比對」與「最小比對」 ? 連結(jié)： (remote host, local host) ? 程式碼重點 ? 說明 ? 第一個通用式是採取預(yù)設(shè)的「 貪心比對 」，因此比對到的字串會是在比對成功的情況下最 長 的字串。 ? 第二個通用式中，加了一個問號，採取「 最小比對 」，因此比對到的字串是在比對成功的情況下最 短 的字串。 re = /b.*t/。 re = /b.*?t/。 22/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 1013 ? 主題：「越左越貪」比對方式 ? 連結(jié)： (remote host, local host) ? 程式碼重點 ? 說明 ? 通用式中加括號，代表符合比對條件者，將被設(shè)定至 RegExp.$1(簡寫成 $1)、 RegExp.$2 (簡寫成 $2)等變數(shù)中。 ? 使用「貪心比對」時，會採用「 越左越貪 」，若要推翻此原則，可適時使用問號，以採用「最小比對」。 ? 第一個通用式採取預(yù)設(shè)的貪心比對，第二個通用式適時加入問號，因此結(jié)果不同。 re = /a(.*)b(.*)d/。 re = /a(.*?)b(.*)d/。 23/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 1014 ? 主題：對調(diào)兩個英文字 (replace的運用 ) ? 連結(jié)： (remote host, local host) ? 程式碼重點 ? 說明 ? /(\w+)\s+(\w+)/：判斷兩單字位置。 ? replace(regexp, $2 $1)：對調(diào)兩單字位置。 var regexp = /(\w+)\s+(\w+)/。 var newString = (regexp, $2 $1)。 24/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 範(fàn)例 1015 ? 主題：表單資料的修正與驗證 ? 連結(jié)： (remote host, local host) ? 說明 ? 利用 replace() 在 onBlur 事件時，先修正文字欄位，再進行驗證。 ? onBlur 事件後， JavaScript 會以通用式對表單元素的值進行修正與驗證。 25/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 103：通用式相關(guān)列表 ? 本小節(jié)列出常用的方法與通用式字元介紹。 26/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 通用式方法列表 通用式相關(guān)的方法 功能 (string) 從字串 string 抽取符合通用式 re 的子字串，並以字串陣列傳回 (string) 以字串 string 比對通用式 re，並傳回比對結(jié)果（ true 代表比對成功， false 代表比對失?。? (re) 通用式 re 在某個字串 string 出現(xiàn)的位置 (re) 從字串 string 抽取符合通用式 re 的子字串，並以字串陣列傳回，此功能和 (string) 相同 (re, newStr) 將字串 string 符合通用式 re 的部分，代換為 newStr 27/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 通用式的應(yīng)用 (1) 通用式 說明及範(fàn)例 比對不成立之字串 /a/ 含字母 a 的字串，例如 ab, bac, cba xyz /a./ 含字母 a 以及其後任一個字元的字串，例如 ab, bac（ 若要比對 .，請使用 \.） a, ba /^xy/ 以 xy 開始的字串，例如 xyz, xyab（若要比對 ^，請使用 \^） axy, bxy /xy$/ 以 xy 結(jié)尾的字串，例如 axy, abxy（若要比對 $，請使用 \$） xya, xyb /[13579]/ 包含 1 或 3 或 5 或 7 或 9 的字串，例如： a3b, 1xy y2k /[09]/ 含數(shù)字之字串 不含數(shù)字之字串 /[az09]/ 含數(shù)字或小寫字母之字串 不含數(shù)字及小寫字母之 字串 28/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 通用式的應(yīng)用 (2) ? 說明： ? 「 /^/」代表一個字串的開始位置，同理「 /$/」代表一個字串的結(jié)束位置，但如果「 [^]」 就代表「否定」。 ? 在字元前加上 「 \」，可避掉特殊字元的特殊意義。 通用式 說明及範(fàn)例 比對不成立之字串 /[azAZ09]/ 含數(shù)字或字母之字串 不含數(shù)字及字母之字串 /b[aeiou]t/ bat, bet, bit, bot, but bxt, bzt /[^09]/ 含非數(shù)字之字串，例如 25f6 （若要比對 ^，請使用 \^） 只含數(shù)字之字串 /[^aeiouAEIOU]/ 含非母音之字串，例如 “abeu （若要比對 ^，請使用 \^） 只含母音之字串 /[^\^]/ 含非 ^ 之字串，例如 xyz, “^b^ ^^^^ 29/45 JavaScript 程式設(shè)計與應(yīng)用：用於網(wǎng)頁用戶端 通用式的特定字元 ? 說明 ? RegExp(pattern, flag) 的方式建立通用式物件時，若 pattern 包含以反斜線開頭的特殊字元（例如 \d、 \w、 \s 等）時，必須加上一個反斜線。 ? 例： re = new RegExp(\\d+\\s\\w+, g)。 通用表示法的特定字元 說明 等效的通用表示法 \d 數(shù)字 [09] \D 非數(shù)字 [^09] \w 數(shù)字、字母、底線 [azAZ09_] \W 非 \w [^azAZ09_] \s 空白字元 [ \r\t\n\f] \S 非空白字元 [^ \r\t\n\f] 30/45 JavaSc
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1