JavaScript 正则表达式

1、 \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么?

这些都是正则表达式中的符号。

• \d 表示匹配0-9之间的任一数字，相当于[0-9]，举例：

var str='1a2B3.4_5?6/7%8^9*0'
console.log(str.match(/\d/g))
//输出：["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"]

• \w 表示匹配任意的字母、数字和下划线，相当于[A-Za-z0-9_]，举例：

var str='1a2B3.4_5?6/7%8^9*0'
console.log(str.match(/\w/g))
//输出：["1", "a", "2", "B", "3", "4", "_", "5", "6", "7", "8", "9", "0"]

• \s 表示匹配空格（包括水平制表符、回车符、换行符、垂直制表符、换页符等），相当于[\t\r\n\v\f]，举例：

var str = 'h e\tl\rl\no'
//undefined
str
//"h e  l
l
o"
str.match(/\s/g)
//(4) [" ", "   ", "", "↵"]
0:" "　　　　//空格符
1:" "　　　　//水平制表符
2:""　　　　 //回车符
3:"↵"　　　　//换行符

• [a-zA-Z0-9] 表示匹配大小写a到z和数字0到9中的任意一个字符，举例：

var str='1a2B3.4_5?6/7%8^9*0'
console.log(str.match(/[a-zA-Z0-9]/g))
//输出：["1", "a", "2", "B", "3", "4", "5", "6", "7", "8", "9", "0"]

• \b 表示匹配单词开头或结尾的匹配。一般字符前面没有字符或者是空格或连接符' - '，可以被匹配成单词的开头。后面没有字符或者是空格或连接符' - '，可以被匹配成单词的结尾。举例：

var str='She was lovely_. 1Then things-changed.'
console.log(str.match(/\b[a-zA-Z]+\b/g))
//输出：["She", "was", "things", "changed"]

• . 表示匹配除回车（\r）、换行(\n)以外的所有字符，例如：

var str='1 a\r_\nB\t-+?'
console.log(str.match(/./g))
//输出：["1", " ", "a", "_", "B", " ", "-", "+", "?"]

• *(星号) 表示出现零次或多次（任意次），举例：

var str='hello world'
console.log(str.match(/[a-z]/))　　　//输出：["h"]
console.log(str.match(/[a-z]*/))　　　//输出：["hello"]

• +(加号) 表示出现一次或多次（至少出现一次），举例

var str='hello world'
console.log(str.match(/[a-z]/))　　　//输出：["h"]
console.log(str.match(/[a-z]+/))　　　//输出：["hello"]

• ? 表示出现零次或一次（最多出现一次），举例：

var str='hello 1world'
console.log(str.match(/[0-9][a-z]+/g))　　//输出：["1world"]
console.log(str.match(/[0-9]?[a-z]+/g))　　//输出：["hello", "1world"]

• x{3} 表示x出现3次，举例：

var str='1xxx xxx xxxx 1xxxx'
console.log(str.match(/[0-9]?x{3}/g))
//输出：["1xxx", "xxx", "xxx", "1xxx"]

• ^
  1.方括号外^ 表示字符串的开始位置，举例：

var str='hello1 hello2 hello3'
console.log(str.match(/hello[0-9]/g))　　//输出：["hello1", "hello2", "hello3"]
console.log(str.match(/^hello[0-9]/g))　　//输出：["hello1"]

2.方括号内的第一个字符是 ^ ，则表示除了字符类之中的字符，其他字符都可以匹配，举例：

var str='helloworld1 2.3/4_?!'
console.log(str.match(/[^hello]/g))
//输出：["w", "r", "d", "1", " ", "2", ".", "3", "/", "4", "_", "?", "!"]

• $ 表示字符串的结束位置，举例：

var str='hello1 hello2 hello3'
console.log(str.match(/hello[0-9]$/g))　　　//输出：["hello3"]

2、写一个函数trim(str)，去除字符串两边的空白字符

• 方法一思路：忽略前后的空白字符，两端以至少一个非空白符\S+，中间为任意个数的任意字符(.|\s)，并用 ?: 忽略分组嵌套。

function trim(str){
  var str2=str.match(/\S+(?:.|\s)*\S/)
  return str2
}
console.log(trim(' 123 1234 24rrfd ssf  '))
//输出：["123 1234 24rrfd ssf"]

• 方法二思路：匹配首尾的空白符，用replace方法替换成空字符。

function trim(str) {
    return str.replace(/^\s*|\s*$/g, '');
}
console.log(trim('      123 1234 24rrfd ssf  d'))
//输出："123 1234 24rrfd ssf  d"

• 方法三思路：用字符串的 substring 方法，判断第一位是否为空字符，是的话就截取后边的，直到第一位不是空字符；然后同样的方法去掉尾部的空字符。

function trim(str){
  var str2=str
  var reg=/\s/
    while(reg.test(str2[0])){
      str2=str2.substring(1,str2.length)
    }
    while(reg.test(str2[str2.length-1])){
      str2=str2.substring(0,str2.length-1)
    }
  return str2
}
console.log(trim('      123 1234 24rrfd ssf  d  '))
//输出："123 1234 24rrfd ssf  d"

• 方法四，把字符串转换为数组，把首尾的空数组去掉，然后再转为字符串输出。

function trim(str){
  var arr=[]
  var reg=/\s/
  for(var i=0;i<str.length;i++){
    arr[i]=str[i]
  }
  while(reg.test(arr[0])){
    arr.shift()
  }
  while(reg.test(arr[arr.length-1])){
    arr.length -=1
  }
  return arr.join('')
}
console.log(trim('      123 1234 24rrfd ssf  d  '))
//输出："123 1234 24rrfd ssf  d"

3、 写一个函数isEmail(str)，判断用户输入的是不是邮箱

标准邮箱格式（参考）：开始必须是一个或者多个单词字符或者是-，加上@，然后又是一个或者多个单词字符或者是-。然后是点“.”和单词字符和-的组合，可以有一个或者多个组合。

function isEmail(str){
  str.search(/^[\w-]+@[\w-]+\.[\w-]+$/)===-1 
  ? console.log('无效邮箱') : console.log('格式正确')
}
isEmail('1348261663@qq.com')　　//输出："格式正确"
isEmail('.348261663@qq.com')　　//输出："无效邮箱"

4、 写一个函数isPhoneNum(str)，判断用户输入的是不是手机号

国内手机号码格式（参考）：
移动号码段:139、138、137、136、135、134、150、151、152、157、158、159、182、183、187、188、147
联通号码段:130、131、132、136、185、186、145
电信号码段:133、153、180、189

function isPhoneNum(str){
  str.search(/^1[3458]\d{9}$/)===-1 
   ? console.log('无效手机号码') : console.log('手机号码格式正确')
}
isPhoneNum('15236263307')　　//输出："手机号码格式正确"
isPhoneNum('12678906789')　　//输出："无效手机号码"

5、写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）

function isValidUsername(str){
  str.search(/^\w{6,20}$/)===-1?console.log('无效用户名'):console.log('用户名格式正确')
}
isValidUsername('123asd')　　//输出："用户名格式正确"
isValidUsername('123as')　　//输出："无效用户名"

6、什么是贪婪模式和非贪婪模式

贪婪与非贪婪模式影响的是被量词修饰的子表达式的匹配行为，贪婪模式在整个表达式匹配成功的前提下，尽可能多的匹配，而非贪婪模式在整个表达式匹配成功的前提下，尽可能少的匹配。非贪婪模式只被部分NFA引擎所支持。

• 属于贪婪模式的量词，也叫做匹配优先量词，包括：
  “{m,n}”、“{m,}”、“?”、“*”和“+”。
• 在匹配优先量词后加上“?”，即变成属于非贪婪模式的量词，也叫做忽略优先量词，包括：
  “{m,n}?”、“{m,}?”、“??”、“*?”和“+?”。
• 举例：

var str='<div>asd</div><div>fgh</div>'
console.log(str.match(/<div>.*<\/div>/))　　//默认贪婪模式
//输出：["<div>asd</div><div>fgh</div>"]

var str='<div>asd</div><div>fgh</div>'
console.log(str.match(/<div>.*?<\/div>/))　　//量词后加'?'
//输出：["<div>asd</div>"]

• 注意：有时候贪婪模式和非贪婪模式效果相同，则优先使用贪婪模式，因为贪婪模式效率比较快（详情先考底部推荐文章）。

分享一篇关于贪婪模式和非贪婪模式的文章，超级赞！！！