2. 程式人生 > 實用技巧 >JS 常用正則表示式備忘錄

JS 常用正則表示式備忘錄

阿新 • • 發佈：2020-09-20

匹配正則

使用.test()方法

let testString = "My test string";let testRegex = /string/;testRegex.test(testString);

匹配多個模式

使用操作符號|

const regex = /yes|no|maybe/;

忽略大小寫

使用i標誌表示忽略大小寫

const caseInsensitiveRegex = /ignore case/i;const testString = 'We use the i flag to iGnOrE CasE';caseInsensitiveRegex.test(testString); // true

提取變數的第一個匹配項

使用.match()方法

const match = "Hello World!".match(/hello/i); // "Hello"

提取陣列中的所有匹配項

使用g標誌

const testString = "Repeat repeat rePeAT";const regexWithAllMatches = /Repeat/gi;testString.match(regexWithAllMatches); // ["Repeat", "repeat", "rePeAT"]

匹配任意字元

使用萬用字元.作為任何字元的佔位符

// To match "cat", "BAT", "fAT", "mat"const regexWithWildcard = /.at/gi;const testString = "cat BAT cupcake fAT mat dog";const allMatchingWords = testString.match(regexWithWildcard); // ["cat", "BAT", "fAT", "mat"]    用多種可能性匹配單個字元

  • 使用字元類，你可以使用它來定義要匹配的一組字元

  • 把它們放在方括號裡[]

//匹配 "cat" "fat" and "mat" 但不匹配 "bat"const regexWithCharClass = /[cfm]at/g;const testString = "cat fat bat mat";const allMatchingWords = testString.match(regexWithCharClass); // ["cat", "fat", "mat"]

匹配字母表中的字母

使用字符集內的範圍[a-z]

const regexWidthCharRange = /[a-e]at/;
const regexWithCharRange = /[a-e]at/;const catString = "cat";const batString = "bat";const fatString = "fat";
regexWithCharRange.test(catString); // true
 
regexWithCharRange.test(batString); // trueregexWithCharRange.test(fatString); // false

匹配特定的數字和字母

你還可以使用連字元來匹配數字

const regexWithLetterAndNumberRange = /[a-z0-9]/ig;const testString = "Emma19382";testString.match(regexWithLetterAndNumberRange)//true

匹配單個未知字元

要匹配您不想擁有的一組字元，使用否定字符集^

const allCharsNotVowels = /[^aeiou]/gi;const allCharsNotVowelsOrNumbers = /[^aeiou0-9]/gi;

匹配一行中出現一次或多次的字元

使用+標誌

const oneOrMoreAsRegex = /a+/gi;const oneOrMoreSsRegex = /s+/gi;const cityInFlorida = "Tallahassee";
cityInFlorida.match(oneOrMoreAsRegex); // ['a', 'a', 'a'];cityInFlorida.match(oneOrMoreSsRegex);//['ss'];

匹配連續出現零次或多次的字元

使用星號*

const zeroOrMoreOsRegex = /hi*/gi;const normalHi = "hi";const happyHi = "hiiiiii";const twoHis = "hiihii";const bye = "bye";
normalHi.match(zeroOrMoreOsRegex); // ["hi"]happyHi.match(zeroOrMoreOsRegex); // ["hiiiiii"]twoHis.match(zeroOrMoreOsRegex); // ["hii", "hii"]bye.match(zeroOrMoreOsRegex); // null

惰性匹配

  • 字串中與給定要求匹配的最小部分

  • 預設情況下，正則表示式是貪婪的（匹配滿足給定要求的字串的最長部分）

  • 使用?阻止貪婪模式(惰性匹配 )

  const testString = "catastrophe";    const greedyRexex = /c[a-z]*t/gi;    const lazyRegex = /c[a-z]*?t/gi;        testString.match(greedyRexex); // ["catast"]    testString.match(lazyRegex); // ["cat"]

匹配起始字串模式

要測試字串開頭的字元匹配，請使用插入符號^，但要放大開頭，不要放到字符集中

const emmaAtFrontOfString = "Emma likes cats a lot.";const emmaNotAtFrontOfString = "The cats Emma likes are fluffy.";const startingStringRegex = /^Emma/;
startingStringRegex.test(emmaAtFrontOfString); // truestartingStringRegex.test(emmaNotAtFrontOfString); // false

匹配結束字串模式

使用$來判斷字串是否是以規定的字元結尾

const emmaAtBackOfString = "The cats do not like Emma";const emmaNotAtBackOfString = "Emma loves the cats";const startingStringRegex = /Emma$/;
startingStringRegex.test(emmaAtBackOfString); // truestartingStringRegex.test(emmaNotAtBackOfString); // false

匹配所有字母和數字

使用\word簡寫

const longHand = /[A-Za-z0-9_]+/;const shortHand = /\w+/;const numbers = "42";const myFavoriteColor = "magenta";
longHand.test(numbers); // trueshortHand.test(numbers); // truelongHand.test(myFavoriteColor); // trueshortHand.test(myFavoriteColor); // true

除了字母和數字，其他的都要匹配

用\W表示\w的反義

const noAlphaNumericCharRegex = /\W/gi;const weirdCharacters = "!_$!!";const alphaNumericCharacters = "ab283AD";
noAlphaNumericCharRegex.test(weirdCharacters); // truenoAlphaNumericCharRegex.test(alphaNumericCharacters); // false

匹配所有數字

你可以使用字符集[0-9]，或者使用簡寫\d

const digitsRegex = /\d/g;const stringWithDigits = "My cat eats $20.00 worth of food a week.";
stringWithDigits.match(digitsRegex); // ["2", "0", "0", "0"]

匹配所有非數字

用\D表示\d的反義

const nonDigitsRegex = /\D/g;const stringWithLetters = "101 degrees";
stringWithLetters.match(nonDigitsRegex); // [" ", "d", "e", "g", "r", "e", "e", "s"]

匹配空格

使用\s來匹配空格和回車符

const sentenceWithWhitespace = "I like cats!"var spaceRegex = /\s/g;whiteSpace.match(sentenceWithWhitespace);//["",""]

匹配非空格

用\S表示\s的反義

const sentenceWithWhitespace = "C a t"const nonWhiteSpaceRegex = /\S/g;sentenceWithWhitespace.match(nonWhiteSpaceRegex); // ["C", "a", "t"]

匹配的字元數

你可以使用{下界，上界}指定一行中的特定字元數

const regularHi = "hi";const mediocreHi = "hiii";const superExcitedHey = "heeeeyyyyy!!!";const excitedRegex = /hi{1,4}/;
excitedRegex.test(regularHi); // trueexcitedRegex.test(mediocreHi); // trueexcitedRegex.test(superExcitedHey); //false

匹配最低個數的字元數

使用{下界, }定義最少數量的字元要求,下面示例表示字母i至少要出現2次

const regularHi = "hi";const mediocreHi = "hiii";const superExcitedHey = "heeeeyyyyy!!!";const excitedRegex = /hi{2,}/;
excitedRegex.test(regularHi); // falseexcitedRegex.test(mediocreHi); // trueexcitedRegex.test(superExcitedHey); //false

匹配精確的字元數

使用{requiredCount}指定字元要求的確切數量

const regularHi = "hi";const bestHi = "hii";const mediocreHi = "hiii";const excitedRegex = /hi{2}/;
excitedRegex.test(regularHi); // falseexcitedRegex.test(bestHi); // trueexcitedRegex.test(mediocreHi); //false

匹配0次或1次

使用?匹配字元 0 次或1次

豌豆資源搜尋網站https://55wd.com 廣州vi設計公司http://www.maiqicn.com

const britishSpelling = "colour";const americanSpelling = "Color";const languageRegex = /colou?r/i;
languageRegex.test(britishSpelling); // truelanguageRegex.test(americanSpelling); // true

相關推薦

JS 常用正則表示式備忘錄

匹配正則 使用.test()方法 let testString = \"My test string\";let testRegex = /string/;testRegex.test(testString);

JS常用正則表示式超全集(密碼強度校驗,金額校驗,IE版本,IPv4,IPv6校驗)

有時候正則表示式可以大大提高我們的開發效率呢 比如這段校驗基本日期格式的javascript程式碼：

js 常用正則表示式

var verifyUtils = { // 驗證輸入的內容是否是空 isNull:function(idStr){ var str = document.getElementById(idStr).value.trim();

JS使用正則表示式實現常用的表單驗證功能分析

本文例項講述了JS使用正則表示式實現常用的表單驗證功能。分享給大家供大家參考，具體如下：

常用正則表示式大全(金錢,非負整數,正整數,郵箱,手機號碼)

什麼是正則表示式？ 正則表示式是由一個字元序列形成的搜尋模式。 當你在文字中搜索資料時，你可以用搜索模式來描述你要查詢的內容。

常用正則表示式

1 . 校驗密碼強度 密碼的強度必須是包含大小寫字母和數字的組合，不能使用特殊字元，長度在8-10之間。

JS之正則表示式

概述 1、什麼是正則表示式，有什麼用？ 正則表示式：Regular Expression。在編寫處理字串的程式或網頁時，經常會有查詢符合某些複雜規則的字串的需要。正則表示式就是用於描述這些規則的工具。換句話說，正則表示式就

JS常用正則

一 常用正則 1 \\ ：將下一個字元標記為一個特殊字元、或一個原義字元、或一個 向後引用、或一個八進位制轉義符。

常用正則表示式筆記

常用正則表示式筆記 常用正則表示式筆記 \\w 大小寫字母 以及0-9 下劃線 \\s 匹配空格 . 除\\n 都能匹配 re.verbos 忽略正則表示式中的換行 ？0個或1個 *0個或多個 +一個或多個 re.dotall 表示 . 可以看作空

常用正則表示式大全——包括校驗數字、字元、一些特殊的需求等等

原文：https://www.cnblogs.com/zxin/archive/2013/01/26/2877765.html js: function checkLength(){ var passwordStart = $.trim($(\"#passwordStart\").val());

RegExp正則表示式（三）–js中正則表示式的定義

在js中，RegExp正則表示式的定義有兩種方式：一種是普通方式，另一種是建構函式方式。無論是那種定義正則表示式的方式，它們都會返回RegExp物件。

Js利用正則表示式去除字串的中括號

let str = \'這是一個字串[html]語句;[html]字串很常見\'; alert(str.replace(/\\[|]/g,\'\'));//移除字串中的所有[]括號（不包括其內容）

js常見正則表示式

常見正則匹配表示式 export let rege = { //驗證URL isUrl: (val) => { if (val == null || val == \"\") return false;

JAVA常用正則表示式

技術標籤：JAVA基礎java正則表示式手機號常用 /** * author:Monkey * Date:2020/12/17 */ public class RegexUtils {

正則表示式（二）常用正則表示式——獲取出現次數最多的字母

技術標籤：正則表示式# 面試筆試題正則表示式js 方法一： 去重 let str = "adddddddddddddddsaaaaaaaaaaaaaaasbdfgyhiujdnbfhyigehjnfbsh";

js用正則表示式篩選年月日的例項方法

當我們想要對日期進行篩選時，可以選擇使用正則表示式的檢索功能。這裡涉及到正則表示式關於匹配的使用，本篇會就組匹配的基礎知識帶來分析和程式碼展示。再學會了正則表示式的匹配方法後，就篩選日期的方法進行過程

Python模組——常用正則表示式寫法

Python通過re模組支援正則表示式，re 模組使 Python 語言擁有全部的正則表示式功能。

js利用正則表示式去除字串前後的空格

技術標籤：前端基礎js方法正則表示式javascript 去除字串前後的空格 1.示例 2.方法

常用正則表示式整理

一、校驗數字的表示式 數字：^[0-9]*$ n位的數字：^d{n}$ 至少n位的數字：^d{n,}$ m-n位的數字：^d{m,n}$

常用正則表示式輸入字元檢測

//Email郵箱地址 function checkEmail(value){ let reg=/^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/