美文网首页
进阶7:正则表达式

进阶7:正则表达式

作者: FLYSASA | 来源:发表于2017-12-08 12:31 被阅读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] 空白符(空格或Tab)
[a-zA-Z0-9] -- a-z,A-Z,0-9的字符
\b -- 单词边界
. [^\r\n] 除了回车符和换行符之外的所有字符
* {0,} 出现零次或多次(任意次)
+ {1,} 出现一次或多次(至少出现一次)
? {0,1} 出现零次或一次(最多出现一次)
x{3} x出现3次,比如'xxx'
^ 在中括号内代表取反义符号/在整体正则中表示以xxx开头
$ 以xxx结尾

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

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

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

function isEmail(str){
  var reg = /^\w+@\w+\.\w+$/
  return reg.test(str)
}
console.log(isEmail('haha@email.com'))    //true
console.log(isEmail('hah'))    //false

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

function isPhoneNumber(str){
  return /^1\d{10}$/.test(str)
}
console.log(isPhoneNumber('18012349856')) //true
console.log(isPhoneNumber('28012349632')) //false

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

function isValidUsername(str){
  var reg = /^\w{6,20}$/
  return reg.test(str)
}
console.log(isValidUsername('haha180'))    //true
console.log(isValidUsername('--haha180')) //false

6. 写一个函数isValidPassword(str), 判断用户输入的是不是合法密码(长度6-20个字符,只包括大写字母、小写字母、数字、下划线,且至少至少包括两种)

function isValidPassword(str){
  if(!/^\w{6,20}$/.test(str)) return false
  if(/^[A-Z]{6,20}$/.test(str)) return false
  if(/^[a-z]{6,20}$/.test(str)) return false
  if(/^\d{6,20}$/.test(str)) return false
  return true
}
console.log(isValidUsername('haha'))   //false
console.log(isValidUsername('haha123'))  //true

7. 写一个正则表达式,得到如下字符串里所有的颜色

var re = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})(?=;)/g
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee "
console.log( subj.match(re) )  // ['#121212', '#AA00ef']

8. 下面代码输出什么? 为什么? 改写代码,让其输出[""hunger"", ""world""].

var str = 'hello  "hunger" , hello "world"';
var pat =  /".*"/g;
str.match(pat);
//输出[""hunger" , hello "world""],因为默认贪婪模式下会尽可能多的匹配""中的内容,再量词后面加上?即可改为非贪婪模式
改写:
var pat =  /".*?"/g;  // [""hunger"", ""world""]

相关文章

网友评论

      本文标题:进阶7:正则表达式

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