了解
正则表达式=/正则表达式主体/修饰符(可选)
source、flags两个字符串属性存储模式和标记
正则表达式是匹配模式,要么匹配字符,要么匹配位置。
在 JavaScript 中,RegExp 对象是一个预定义了属性和方法的正则表达式对象。支持test()、exec()方法。
/e/.test("The best things in life are free!");//返回布尔值
/e/.exec("The best things in life are free!");//返回数组,null或者e,多次匹配不会返回多个
在 JavaScript 中,正则表达式还用于
search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。
replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
语法
有两种方法可以创建一个 RegExp 对象:一种是字面量,另一种是构造函数。
字面量
由斜杠(/)包围而不是引号包围。
构造函数的字符串参数
由引号而不是斜杠包围。
以下三种表达式都会创建相同的正则表达式:
/ab+c/i; //字面量形式
new RegExp('ab+c', 'i'); // 首个参数为字符串模式的构造函数
new RegExp(/ab+c/, 'i'); // 首个参数为常规字面量的构造函数
修饰符、量词、模板语法
元字符
匹配字符:
大写是小写的取反
- \d即[0-9],digit(数字)。
- \D即[ ^0-9]。表示除数字外的任意字符。
- \w就是[0-9a-zA-Z_]。表示数字、大小写字母和下划线。w是word的简写,也称单词字符。
- \W是[ ^0-9a-zA-Z_]。非单词字符。
- \s是[ \t\v\n\r\f]。表示空白符,包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。记忆方式:s是space character的首字母。
- \S是[ ^ \t\v\n\r\f]。 非空白符。
- \0 查找 NUL 字符。
匹配位置:
- \b 匹配单词边界。具体就是\w和\W之间的位置,也包括\w和^之间的位置,也包括\w和$之间的位置。
- \B 匹配非单词边界。
var result = "[JS] Lesson_01.mp4".replace(/\b/g, '#');
console.log(result);
// => "[#JS#] #Lesson_01#.#mp4#"
var result = "[JS] Lesson_01.mp4".replace(/\B/g, '#');
console.log(result);
// => "#[J#S]# L#e#s#s#o#n#_#0#1.m#p#4"
- ^(脱字符)匹配开头,在多行匹配中匹配行开头。
- $(美元符号)匹配结尾,在多行匹配中匹配行结尾。
var result = "I\nlove\njavascript".replace(/^|$/gm, '#');
console.log(result);
/*输出
#I#
#love#
#javascript#
*/
(?=p),其中p是一个子模式,即p前面的位置。以及(?!p)
var result = "hello".replace(/(?=l)/g, '#');
console.log(result);
// => "he#l#lo"
var result = "hello".replace(/(?!l)/g, '#');
console.log(result);
// => "#h#ell#o#"
例子
思考:
(a|b|c)与[abc]区别?
唯一的区别是第二个会捕获一个分组,第一个不会。即(red|blue|green) 查找任何指定的选项。
[123456abcdefGHIJKLM]可以写作[1-6a-fG-M]
区别[a-z]和 [-az]或[az-]或[a-z]
匹配任意字符
可以使用[\d\D]、[\w\W]、[\s\S]和[^]中任何的一个。
不匹配任何东西的正则/.^/
匹配字符的例子
匹配时间
23:59或者02:07
( [01][0-9] | [2][0-3] ):[0-5][0-9]$
2:9或者02:07
把第一个数为0、1的两种情况分开,0的时候0可以省略
( 0?[0-9] | 1[0-9] | [2][0-3] )😦 0?[0-9] | [1-5][0-9] )$
匹配位置的例子
function formatNumber(str) {
return str.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
}
console.log(formatNumber("123456789")) // 1,234,567,890
正则表达式实现编码en-US
(123456789).toLocaleString(‘en-US’) // 1,234,567,890
分析
/\B(?=( \d{3} )+ (?!\d) )
(?!\d)不是数字注意体会
\d{3}三个数字
(\d{3})+数字的个数是3的倍数
return str.replace(/\B/g, ',');//1,2,3,4,5,6,7,8,9
return str.replace(/(?=(\d{3})+(?!\d))/g, ',');//,123,456,789
return str.replace(/(?=(\d{3})+)/g, ',')//,1,2,3,4,5,6,789
return str.replace(/\B(?=(\d{3})+)/g, ',');//1,2,3,4,5,6,789
return str.replace(/\B(?=(?!\d))/g, ',')//123456789
匹配固定位置的字符
function trim(str){
if(str && typeof str === 'string'){
return str.replace(/^\s+|\s+$/g,'');
}
}
^\s+匹配开头的多个空白
\s+$ 匹配结尾的多个空白
转换大小写:判断回文
function isPalindrome(str){
str=str.replace(/\w/g,'').toLowerCase(); // 转换大小写
return (str==str.split('').reverse().join(''));
}