JavaScript高级笔记04 正则表达式

正则表达式

• 用于匹配字符串中的字符组合

1.创建正则表达式

• 正则表达式是一个对象
  1. 利用RegExp对象创建
     var regexp = new RegExp(/123/)
  2. 利用字面量创建
     var regexp = / /
  3. 检测输入文本是否符合正则表达式
     regexpObj.test(str) ；正则表达式名字.test(输入的文本)

2.相关符号

• 元字符

2.1首尾元字符

• 边界符
  1. ^ ，以谁开始
  2. $ ，以谁结束
  3. ^ $ ，只能是里面的内容

2.2基本元字符

• 字符类[ ]，只要包含其中之一就可以了，返回布尔值
  1. ^ [abc] $ ，只能是a或b或c
  2. ^ [abc] ，以a或b或c开头
  3. [abc] $ ，以a或b或c结尾
  4. ^ [abc] $ ，只能匹配a、b、c
  5. ^ [a-z] $ ，26个小写英文字母，多选一
  6. ^ [a-zA-Z0-9_-] $ ，26个英文字母（大小写），0~9，_ -，多选一
  7. ^ [^] $ ，取反，不能包含

2.3限定元字符

• 量词符，设定某个模式表达的次数
  1. *，出现0到多次
  2. +，出现1到多次
  3. ？，出现1次或0次
  4. {n}，出现n次
  5. {n，}，出现n到多次
  6. {n，m}，出现n到m次

2.4特殊元字符

• 预定义类，某些方法的简写
  1. \d (digital):数字 [0-9]
  2. \D 非数字 [ ^0-9]
  3. \w (word):字母，数字，_ [a-zA-Z0-9_]
  4. \W [ ^a-zA-Z0-9_]
  5. \s(space):空格 [\t\r\n\v\f]
  6. \S [ ^\t\r\n\v\f]

2.5替换

• 字符串对象.replace(字符串|正则表达式，新字符串)
• 返回一个替换完毕的新字符串

3.用户名验证案例

		var span = document.querySelector('span')
        var uname = document.querySelector('.uname')
        var reg = /^[a-zA-Z0-9_]{6,16}$/
        uname.onblur = function(){
            if(reg.test(this.value)){
                span.className = ('right')
                span.innerHTML = '用户名输入正确'
            }else{
                span.className = ('wrong')
                span.innerHTML = '用户名输入错误'
            }
        }