正規表示式及知識點總結

2021-09-24 11:34:15 字數 1843 閱讀 2384

match();-----字串用法

成功則返回值,錯誤則返回null

var str="18229096120";

str.match();

test();-----正則物件用法

成功則返回true,錯誤則返回false

// 宣告正則變數

var reg=new regexp();

reg.test(str);

^:匹配字串的開頭,在多行檢索中,匹配一行的開頭;

$:匹配字串的結尾,在多行檢索中,匹配一行的結尾;

:匹配前一項至少n次,但不能超過m次;

:匹配前一項n次或更多次;

:匹配前一項n次;

?:匹配前一項0次或1次 等價於;

+:匹配前一項1次或多次 等價於;

*:匹配前一項0次或多次 等價於;

|:選擇,匹配的是該符號左邊的子表示式或右邊的子表示式;

\w:任何ascii字元組成的單詞 等價於[a-za-z0-9];

\w:任何非ascii字元組成的單詞 等價於[^a-za-z0-9];

\s:任何unicode空白符;

\s:任何非unicode空白符;

\d:任何ascii數字 等價於[0-9];

\d:除了ascii數字之外的任何字元 等價於[^0-9];

[…]:方括號內的任意字元;

[^…]:不在方括號內的任意字元;

1.驗證手機號碼

var tel="18229096120";

var r=/^[1][34578][0-9]$/;

var g=tel.match(/^[1][34578][0-9]$/);

console.log(g);

2.驗證郵箱

var e="[email protected]";

var g1=e.match(/^[a-za-z0-9_]+\@(qq|sina|163)\.(com)$/);

console.log(g1);

3.驗證身份證號

var s="610221199809166943";

// var g2=s.match(/^\d+(x)?$/);

var g2=s.match(/^(\d)(19|20)[0-9]((0\d)|(10|11|12))((0\d)|(1\d)|(2\d)|(30|31))(\d)(x|\d)$/);

console.log(g2);

4.驗證**

console.log(g4);5.內容替換

var s1="123aa45a6";

var k=s1.replace(/a/g,""); //g:全域性替換

console.log(k);

1.手機移動端自適應:

2.彈性布局:flex

flex主要用於響應式頁面設計,相容各種寬度的裝置。

寫法:div

行內元素flex布局:span

主要屬性flex-direction:

3.box-sizing:box-sizing 屬性允許您以特定的方式定義匹配某個區域的特定元素。

主要屬性: content-box|border-box|inherit

4.表單驗證:驗證資料內容的合法性

正規表示式知識點總結

1.正規表示式 符合一定規則的表示式。2.作用 用於專門操作字串。3.特點 用一些特定的符號來表示一些 操作,這樣可以簡化書寫。所以學習正規表示式,就是在學習一些特殊符號的使用。4.好處 可以簡化對字串的複雜操作。5.弊端 符號定義越多,正則越長,閱讀性越差。1.匹配 boolean matches...

正規表示式知識點

re.match與re.search的區別 re.match只匹配字串的開始,如果字串開始不符合正規表示式,則匹配失敗,函式返回none 而re.search匹配整個字串,直到找到乙個匹配。flags 標誌位,用於控制正規表示式的匹配方式,如 是否區分大小寫,多行匹配等等 import re s 1...

正規表示式知識點

正則的知識點 1.建立例項 var reg new regexp pattern,flag d g 2.flag 識別符號 1.i 忽略大小寫匹配 2.m 多行匹配 3.g 全域性匹配 應用與所有,而不是找到第乙個就停止 3.第一段知識點 1.xyz xyz中任意乙個字元 等價於 x z 2.xyz...