常用的正则表达式备忘录。
匹配正则
使用 .test() 方法
let testString = "My test string";let testRegex = /string/;testRegex.test(testString); |
匹配多个模式
使用操作符号 |
const regex = /yes|no|maybe/; |
忽略大小写
使用i标志表示忽略大小写
const caseInsensitiveRegex = /ignore case/i;const testString = 'We use the i flag to iGnOrE CasE';caseInsensitiveRegex.test(testString); // true |
提取变量的第一个匹配项
使用 .match() 方法
const match = "Hello World!".match(/hello/i); // "Hello" |
提取数组中的所有匹配项
使用 g 标志
const testString = "Repeat repeat rePeAT";const regexWithAllMatches = /Repeat/gi;testString.match(regexWithAllMatches); // ["Repeat", "repeat", "rePeAT"] |
匹配任意字符
使用通配符 . 作为任何字符的占位符
// To match "cat", "BAT", "fAT", "mat"const regexWithWildcard = /.at/gi;const testString = "cat BAT cupcake fAT mat dog";const allMatchingWords = testString.match(regexWithWildcard); // ["cat", "BAT", "fAT", "mat"] |
用多种可能性匹配单个字符
- 使用字符类,你可以使用它来定义要匹配的一组字符
- 把它们放在方括号里
[]
//匹配 "cat" "fat" and "mat" 但不匹配 "bat"const regexWithCharClass = /[cfm]at/g;const testString = "cat fat bat mat";const allMatchingWords = testString.match(regexWithCharClass); // ["cat", "fat", "mat"] |
匹配字母表中的字母
使用字符集内的范围 [a-z]
const regexWidthCharRange = /[a-e]at/;const regexWithCharRange = /[a-e]at/;const catString = "cat";const batString = "bat";const fatString = "fat";regexWithCharRange.test(catString); // trueregexWithCharRange.test(batString); // trueregexWithCharRange.test(fatString); // false |
匹配特定的数字和字母
你还可以使用连字符来匹配数字
const regexWithLetterAndNumberRange = /[a-z0-9]/ig;const testString = "Emma19382";testString.match(regexWithLetterAndNumberRange) // true |
匹配单个未知字符
要匹配您不想拥有的一组字符,使用否定字符集 ^
const allCharsNotVowels = /[^aeiou]/gi;const allCharsNotVowelsOrNumbers = /[^aeiou0-9]/gi; |
匹配一行中出现一次或多次的字符
使用 + 标志
const oneOrMoreAsRegex = /a+/gi;const oneOrMoreSsRegex = /s+/gi;const cityInFlorida = "Tallahassee";cityInFlorida.match(oneOrMoreAsRegex); // ['a', 'a', 'a'];cityInFlorida.match(oneOrMoreSsRegex); // ['ss']; |
匹配连续出现零次或多次的字符
使用星号 *
const zeroOrMoreOsRegex = /hi*/gi;const normalHi = "hi";const happyHi = "hiiiiii";const twoHis = "hiihii";const bye = "bye";normalHi.match(zeroOrMoreOsRegex); // ["hi"]happyHi.match(zeroOrMoreOsRegex); // ["hiiiiii"]twoHis.match(zeroOrMoreOsRegex); // ["hii", "hii"]bye.match(zeroOrMoreOsRegex); // null |
惰性匹配
- 字符串中与给定要求匹配的最小部分
- 默认情况下,正则表达式是贪婪的(匹配满足给定要求的字符串的最长部分)
-
使用
?阻止贪婪模式(惰性匹配 )
const testString = "catastrophe";const greedyRexex = /c[a-z]*t/gi;const lazyRegex = /c[a-z]*?t/gi;testString.match(greedyRexex); // ["catast"]testString.match(lazyRegex); // ["cat"] |
匹配起始字符串模式
要测试字符串开头的字符匹配,请使用插入符号^,但要放大开头,不要放到字符集中
const emmaAtFrontOfString = "Emma likes cats a lot.";const emmaNotAtFrontOfString = "The cats Emma likes are fluffy.";const startingStringRegex = /^Emma/;startingStringRegex.test(emmaAtFrontOfString); // truestartingStringRegex.test(emmaNotAtFrontOfString); // false |
匹配结束字符串模式
使用 $ 来判断字符串是否是以规定的字符结尾
const emmaAtBackOfString = "The cats do not like Emma";const emmaNotAtBackOfString = "Emma loves the cats";const startingStringRegex = /Emma$/;startingStringRegex.test(emmaAtBackOfString); // truestartingStringRegex.test(emmaNotAtBackOfString); // false |
匹配所有字母和数字
使用\word 简写
const longHand = /[A-Za-z0-9_]+/;const shortHand = /\w+/;const numbers = "42";const myFavoriteColor = "magenta";longHand.test(numbers); // trueshortHand.test(numbers); // truelongHand.test(myFavoriteColor); // trueshortHand.test(myFavoriteColor); // true |
除了字母和数字,其他的都要匹配
用\W 表示 \w 的反义
const noAlphaNumericCharRegex = /\W/gi;const weirdCharacters = "!_$!!";const alphaNumericCharacters = "ab283AD";noAlphaNumericCharRegex.test(weirdCharacters); // truenoAlphaNumericCharRegex.test(alphaNumericCharacters); // false |
匹配所有数字
你可以使用字符集[0-9],或者使用简写 \d
const digitsRegex = /\d/g;const stringWithDigits = "My cat eats $20.00 worth of food a week.";stringWithDigits.match(digitsRegex); // ["2", "0", "0", "0"] |
匹配所有非数字
用\D 表示 \d 的反义
const nonDigitsRegex = /\D/g;const stringWithLetters = "101 degrees";stringWithLetters.match(nonDigitsRegex); // [" ", "d", "e", "g", "r", "e", "e", "s"] |
匹配空格
使用 \s 来匹配空格和回车符
const sentenceWithWhitespace = "I like cats!"var spaceRegex = /\s/g;whiteSpace.match(sentenceWithWhitespace); // [" ", " "] |
匹配非空格
用\S 表示 \s 的反义
const sentenceWithWhitespace = "C a t"const nonWhiteSpaceRegex = /\S/g;sentenceWithWhitespace.match(nonWhiteSpaceRegex); // ["C", "a", "t"] |
匹配的字符数
你可以使用 {下界,上界} 指定一行中的特定字符数
const regularHi = "hi";const mediocreHi = "hiii";const superExcitedHey = "heeeeyyyyy!!!";const excitedRegex = /hi{1,4}/;excitedRegex.test(regularHi); // trueexcitedRegex.test(mediocreHi); // trueexcitedRegex.test(superExcitedHey); //false |
匹配最低个数的字符数
使用{下界, }定义最少数量的字符要求,下面示例表示字母 i 至少要出现2次
const regularHi = "hi";const mediocreHi = "hiii";const superExcitedHey = "heeeeyyyyy!!!";const excitedRegex = /hi{2,}/;excitedRegex.test(regularHi); // falseexcitedRegex.test(mediocreHi); // trueexcitedRegex.test(superExcitedHey); //false |
匹配精确的字符数
使用{requiredCount}指定字符要求的确切数量
const regularHi = "hi";const bestHi = "hii";const mediocreHi = "hiii";const excitedRegex = /hi{2}/;excitedRegex.test(regularHi); // falseexcitedRegex.test(bestHi); // trueexcitedRegex.test(mediocreHi); //false |
匹配0次或1次
使用 ? 匹配字符 0 次或1次
const britishSpelling = "colour";const americanSpelling = "Color";const languageRegex = /colou?r/i;languageRegex.test(britishSpelling); // truelanguageRegex.test(americanSpelling); // true |
分组匹配:
var reg = /(\d{2})/
reg.test('12'); //true
var reg = /I come from (hunan|hubei|zhejiang)/;
reg.test('I come from hunan'); //true
reg.test('I come from hubei'); //true
var reg = /(\d{4})-(\d{2})-(\d{2})/;
var dateStr = '2018-04-18';
reg.test(dateStr); //true
RegExp.$1 //2018
RegExp.$2 //04
RegExp.$3 //18
结合replace方法做字符串自定义替换
- String.prototype.replace方法的传参中可以直接引用被捕获的串,比如我们想开发中常见的日期格式替换,例如后台给你返回了一个2018/04/18,让你用正则替换为2018-04-18,就可以利用分组
var dateStr = '2018/04/18';
var reg = /(\d{4})\/(\d{2})\/(\d{2})/;
dateStr = dateStr.replace(reg, '$1-$2-$3') //"2018-04-18"
* 匹配前面的子表达式零次或多次;
+ 匹配前面的子表达式一次或多次;
?匹配前面的子表达式零次或一次;
isZH_CN: /^[\u4e00-\u9fa5]{0,}$/, //汉字
isEnOrDigit: /^[A-Za-z0-9]+$/, //英文和数字
isChar3_20: /^.{3,20}$/, //长度为3-20的所有字符,
isEn: /^[A-Za-z]+$/, //由26个英文字母组成的字符串
isEnAndUpper: /^[A-Z]+$/, //由26个大写英文字母组成的字符串
isEnAndLower: /^[a-z]+$/, //由26个小写英文字母组成的字符串
isDigitOrEnOr_Fixed: /^\w+$/, //由数字、26个英文字母或者下划线组成的字符串:^\w+$ 或 ^\w{3,20}$
isZhOrEnOrDigitOr_Fixed: /^[\u4E00-\u9FA5A-Za-z0-9_]+$/, //中文、英文、数字包括下划线
isZhOrEnOrDigitFixed: /^[\u4E00-\u9FA5A-Za-z0-9]+$/, //中文、英文、数字但不包括下划线等符号 ^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$
isContainIllegalChar: /[^%&\/,;=?$\x22]+/, //输入含有^%&/,;=?$\
isEmail: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/, //Email地址
isDomain: /[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\/.?/, //域名
isInternetURL: /^http:\/\/([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?$/, //[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$
isPhone: /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/, //手机号码
isIDCard: /^\d{15}|\d{18}$/, //身份证号(15位、18位数字)
isShortIDCard: /^([0-9]){7,18}(x|X)?$/, //^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$
isIllegalUserName: /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/, //帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线)
isPwd: /^[a-zA-Z]\w{5,17}$/, //密码(以字母开头,长度在6~18之间,只能包含字母、数字和下划线)
isPowerPwd: /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$/, //强密码(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间)
isDate: /^\d{4}-\d{1,2}-\d{1,2}/, //日期格式
isMonth: /^(0?[1-9]|1[0-2])$/, //(01~09和10~12)
isDay: /^((0?[1-9])|((1|2)[0-9])|30|31)$/, //一个月的31天(01~09和10~31)
isMoney: /^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$/, //金钱
isXml: /^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$/, //xml
isDoubleByte: /[^\x00-\xff]/, //(包括汉字在内,可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1))
isWritespace: /[\s+]/, //空白字符
isQQ: /[1-9][0-9]{4,}/, // (腾讯QQ号从10000开始)
isZipCode: /[1-9]\d{5}(?!\d)/, //(中国邮政编码为6位数字)
isIpaddress: /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/, //IP
参考: https://www.jqhtml.com/25371.html; https://www.jqhtml.com/40170.html; https://www.cnblogs.com/wancheng7/p/8906015.html

浙公网安备 33010602011771号