1.正則匹配

正則的 test() 方法，測試字符串中是否有符合正則模式的，有返回true，否則返回false

let reg = /前端/
console.log(reg.test('我們都是前端大神')) // true
console.log(reg.test('我們都是端大神')) // false

2.正則提取

正則的exec方法，在一個指定字符串中執(zhí)行一個搜索匹配
如果匹配成功，exec() 方法返回一個數(shù)組，否則返回null

let str = `這是我的手機號：18912345678，有事記得call me~~~`
// 提取手機號
let reg = /1[3-9]\d{9}/
console.log(reg.exec(str))   //[18912345678]

3.元字符-預(yù)定義類

\d 匹配0-9的任意一個數(shù)字
\D 匹配非0-9數(shù)字的任一個字符
\w 匹配任意一個單詞字符 a-z A-Z 0-9 下劃線_
\W 匹配任意非單詞字符
\s 匹配不可見字符（空白）如 空格 換行 \n 制表符 \t
\S 匹配可見字符
. 匹配除換行外的任意字符
對 . 進行轉(zhuǎn)義 \. 表示匹配點本身

4.元字符-字符類

[] 匹配字符集合，[] 自帶了 或 的含義
/[abc]/ 匹配a或b或c （匹配的是abc字符中的任意一個）

在 [] 里面寫中劃線 - 表示范圍
/[a-zA-Z0-9]/，匹配 a-z 0-9 A-Z 這些范圍內(nèi)的任意一個

在 [] 里面寫 ^ 表示非
/[^abc]/ 正則匹配的是 非 abc，不能是abc中的任一個

console.log(/[^abc]/.test('a3')) // t
console.log(/[^abc]/.test('c4')) // t
console.log(/[^abc]/.test('f8')) // t
console.log(/[^abc]/.test('abc')) // f
console.log(/[^abc]/.test('afbc')) // t

5.元字符-邊界符

^ 表示以誰開始
$ 表示以誰結(jié)束
^ $ 一起使用 表示精確匹配 使用場景：表單校驗

console.log(/^chuan$/.test('chuang'))   // f
console.log(/^chuan$/.test('dachuan'))  // f
console.log(/^chuan$/.test('chuanchuan')) // f
console.log(/^chuan$/.test('chuan')) // t

6.元字符-量詞

* >=0 次 {0,}
+ >=1 次 {1,}
\？ 0 或 1 次 {0,1}
{m} 等于 m次
{m,} 大于等于 m次
{m,n} m到n次，包含m和n次

注意點:量詞就近修飾,逗號左右兩側(cè)不能出現(xiàn)空格

console.log(/chuan{2}/.test('chuanchuan'))  // false
console.log(/chuan{2}/.test('chuann'))  // true
console.log(/(chuan){2}/.test('chuanchuan'))  // true

7.正則優(yōu)先級

或 | 優(yōu)先級最低
（）優(yōu)先級最高

// | 優(yōu)先級最低   左右兩邊都是個單獨的整體
// 匹配的是 f 或 boot   
console.log(/f|boot/.test('f'))     // t
console.log(/f|boot/.test('foot'))  // t
console.log(/f|boot/.test('boot'))   // t
console.log(/f|boot/.test('boo'))   // f
console.log(/f|boot/.test('foo'))   // t
console.log(/f|boot/.test('oot'))   // f

// () 優(yōu)先級最高
//  正則匹配的是 foot  或  boot
console.log(/(f|b)oot/.test('f'))   // f
console.log(/(f|b)oot/.test('foo')) // f
console.log(/(f|b)oot/.test('boo')) //f
console.log(/(f|b)oot/.test('oot')) // f
console.log(/(f|b)oot/.test('foot')) // t
console.log(/(f|b)oot/.test('boot'))  // t

8.正則修飾符與正則替換

語法：/表達式/修飾符
g---global 全局匹配搜索 找所有的
i---ignore 忽略大小寫

字符串有replace方法 替換
語法： 字符串.replace(正則表達式, '替換的文本')

let str = '  abc def  abcx  yzABCsff  '
 // 需求：將所有的空格去除掉
console.log(str.replace(/\s/g, ''))
 // 把所有 a或A 替換成x
console.log(str.replace(/a/ig, 'x'))
//過濾敏感詞
//激情 或 基情字眼替換成 **
let str='這節(jié)課很有基情,激情滿滿'
console.log(str.replace(/激情|基情/g, '**'))

9.拓展:change事件及document.documentElement.scrollTop

change 失去焦點 并且內(nèi)容改變了才會觸發(fā)

input.addEventListener('change', function () {
    console.log('change了')
})

document.documentElement.scrollTop沒有過渡屬性