美文网首页
JS正则表达式知识

JS正则表达式知识

作者: 海山城 | 来源:发表于2017-09-04 20:45 被阅读0次

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

正则表达式 表示的意思 备注
\d 数字字符 等价于[0-9]
\w 单词字符,字母、数字下划线 等价于[a-zA-Z_0-9]
\s 空白符 等价于[\t\n\x0B\f\r] (\x0B为垂直tab;\f换页;\n换行;\r回车)
[a-zA-Z0-9] 0到9或者A到Z或者a到z中的一个字符
\b 单词边界 'srhello2-thello3y'.match(/hello\d\b/g)能将hello2匹配出来,
而hello3后面没有单词边界,因此匹配不出来。
空格-制表符回车换行符都表示单词边界
. 除回车和换行外的所有字符 等价于[^\r\n]
* 字符出现任意次
+ 字符出现一次或多次(至少出现一次)
? 字符出现零次或一次(最多出现一次) 如果紧跟在任何量词 *、 +、? 或 {} 的后面
将会使量词变为非贪婪的(匹配尽量少的字符);
和缺省使用的贪婪模式(匹配尽可能多的字符)正好相反。
例如:对 "123abc" 应用 /\d+/ 将返回 "123",
如果使用 /\d+?/,那么就只会匹配到 "1"。
x{3} x出现3次
^ 以xxx开头 区别于在[]中的^。例如: /[^h]/g,表示非h;而/^h/g表示以h开头
$ 以xxx结尾

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

思路:匹配出str的首尾的空格,利用replace替换成"'

function trim(str){
  return str.replace(/^\s+|\s+$/g, '')
}

var result = trim('  h e l l o   world ')//原字符串未改变
console.log(result)

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

function isEmail(str){
    return str.match(/^\s*[\w\.\-]+@[\w\.\-]+\.[a-zA-Z]{2,4}\s*$/g) === null ? '错误的邮箱格式' : '正确的邮箱格式'
}
var result = isEmail(' wangt.xxx@haishancheng.cn.com ')        //正确的邮箱格式
var result1 = isEmail(' wa;;;ngt.xxx@haishancheng.cn.com ')    //错误的邮箱格式
var result2 = isEmail(' wangt.xxx@haishancheng.cn.co_m ')      //错误的邮箱格式
var result3 = isEmail(' wangt.xxx@haish@ancheng.cn.com ')      //错误的邮箱格式
var result4 = isEmail('@haishancheng.cn.com ')                 //错误的邮箱格式
var result5 = isEmail(' wangt.xxx@')                           //错误的邮箱格式
console.log(result + '\n' + result1 + '\n' + result2 + '\n' + result3 + '\n' + result4 + '\n' + result5)

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

function isPhoneNum(str){
    return str.match(/^1[34578]\d{9}$/g) === null ? '错误的手机号码格式' : '正确的手机号码格式'
}
var result = isPhoneNum('11111111111')        //错误的手机号码格式
var result1 = isPhoneNum('15507621888')       //正确的手机号码格式
var result2 = isPhoneNum('gadgadsgdasg')      //错误的手机号码格式
console.log(result + '\n' + result1 + '\n' + result2)

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

function isValidUsername(str){
    return str.match(/^\w{6,20}$/g) === null ? '非法的用户名' : '合法的用户名'
}
var result = isValidUsername('sssss')                //非法的用户名
var result1 = isValidUsername('15507621888')         //合法的用户名
var result2 = isValidUsername('gad47;;574gdasg')     //非法的用户名
console.log(result + '\n' + result1 + '\n' + result2)

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

贪婪模式:在匹配成功的前提下,尽可能多的去匹配(?, +, *, {min,}, {min, max}默认情况下是贪婪模式)
工作原理:一口吞下整个字符串,发现吞不下(匹配不了),再从后面一点点吐出来(去掉最后一个字符,再看这时这个整个字符串是否匹配,不断这样重复直到长度为零)
Ex:

'123456789'.match(/\d{3,5}/g); //["12345", "6789"]
 'winter "is" , never "coming" here'.match( /".*"/g); //[""is" , never "coming""]

非贪婪模式:在匹配成功的前提下,尽可能少的去匹配。在量词后加上?可关闭贪婪模式
工作原理:先吃了前面第一个字符,如果不饱再捏起多添加一个(发现不匹配,就读下第二个,与最初的组成一个有两个字符串的字符串再尝试匹配,如果再不匹配,再吃一个组成拥有三个字符的字符串……)。其工作方式与贪婪量词相反。
Ex:

'123456789'.match(/\d{3,5}?/g); //["123", "456", "789"]
'winter "is" , never "coming" here'.match( /".*?"/g); //[""is"", ""coming""]

6: match补充,()可匹配出想要的值

var s = 'skills[10].name'
var reg1 = /\[\d+\]/
s.match(reg1) // ["[10]"]
var reg2 = /\[(\d+)\]/
s.match(reg2) // ["[10]", "10"],()可匹配出想要的值

相关文章

网友评论

      本文标题:JS正则表达式知识

      本文链接:https://www.haomeiwen.com/subject/nbbjjxtx.html