JavaScript正则表达式

了解

正则表达式=/正则表达式主体/修饰符(可选)
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(''));
}