10-通用表示法.ppt.ppt

範例10-12 主題：通用式的「貪心比對」與「最小比對」 連結： regExpGreedy01.htm (remote host, local host) 程式碼重點 說明 第一個通用式是採取預設的「貪心比對」，因此比對到的字串會是在比對成功的情況下最長的字串。 第二個通用式中，加了一個問號，採取「最小比對」，因此比對到的字串是在比對成功的情況下最短的字串。 re = /b.*t/; re = /b.*?t/; */45 範例10-13 主題：「越左越貪」比對方式 連結： regExpGreedy02.htm (remote host, local host) 程式碼重點 說明 通用式中加括號，代表符合比對條件者，將被設定至 RegExp.$1(簡寫成$1)、RegExp.$2 (簡寫成$2)等變數中。 使用「貪心比對」時，會採用「越左越貪」，若要推翻此原則，可適時使用問號，以採用「最小比對」。 第一個通用式採取預設的貪心比對，第二個通用式適時加入問號，因此結果不同。 re = /a(.*)b(.*)d/; re = /a(.*?)b(.*)d/; */45 範例10-14 主題：對調兩個英文字(replace的運用) 連結： regExpReplace04.htm (remote host, local host) 程式碼重點 說明 /(\w+)\s+(\w+)/：判斷兩單字位置。 replace(regexp, $2 $1)：對調兩單字位置。 var regexp = /(\w+)\s+(\w+)/; var newString = id.innerHTML.replace(regexp, $2 $1); */45 範例10-15 主題：表單資料的修正與驗證 連結： regExpReplace05.htm (remote host, local host) 說明 利用 replace() 在 onBlur 事件時，先修正文字欄位，再進行驗證。 onBlur 事件後，JavaScript 會以通用式對表單元素的值進行修正與驗證。 */45 10-3：通用式相關列表 本小節列出常用的方法與通用式字元介紹。 */45 通用式方法列表 通用式相關的方法 功能 re.exec(string) 從字串 string 抽取符合通用式 re 的子字串，並以字串陣列傳回 re.test(string) 以字串 string 比對通用式 re，並傳回比對結果（true 代表比對成功，false 代表比對失敗） string.search(re) 通用式 re 在某個字串 string 出現的位置 string.match(re) 從字串 string 抽取符合通用式 re 的子字串，並以字串陣列傳回，此功能和 re.exec(string) 相同 string.replace(re, newStr) 將字串 string 符合通用式 re 的部分，代換為 newStr */45 通用式的應用(1) 通用式 說明及範例 比對不成立之字串 /a/ 含字母 a 的字串，例如 ab, bac, cba xyz /a./ 含字母 a 以及其後任一個字元的字串，例如 ab, bac（若要比對.，請使用 \.） a, ba /^xy/ 以 xy 開始的字串，例如 xyz, xyab（若要比對 ^，請使用 \^） axy, bxy /xy$/ 以 xy 結尾的字串，例如 axy, abxy（若要比對 $，請使用 \$） xya, xyb /[13579]/ 包含 1 或 3 或 5 或 7 或 9 的字串，例如：a3b, 1xy y2k /[0-9]/ 含數字之字串 不含數字之字串 /[a-z0-9]/ 含數字或小寫字母之字串 不含數字及小寫字母之字串 */45 通用式的應用(2) 說明： 「/^/」代表一個字串的開始位置，同理「/$/」代表一個字串的結束位置，但如果「 [^]」 就代表「否定」。 在字元前加上 「\」，可避掉特殊字元的特殊意義。 通用式 說明及範例 比對不成立之字串 /[a-zA-Z0-9]/ 含數字或字母之字串 不含數字及字母之字串 /b[aeiou]t/ bat, bet, bit, bot, but bxt, bzt /[^0-9]/ 含非數字之字串，例如25f6 （若要比對 ^，請使用 \^） 只含數字之字串 /[^aeiouAEIOU]/ 含非母音之字串，例如“abeu （若要比對 ^，請使用 \^） 只含母音之字串 /[^\^]/ 含非 ^ 之字串，例如 xyz, “^b^ ^^^