javascript從入門到跑路-----小文的js學習筆記(16 — 4)-----正則表達式的選擇符、修飾符、以及分組和字符類

**
javascript從入門到跑路-----小文的js學習筆記(1)---------script、alert、document。write() 和 console.log 標籤


javascript從入門到跑路-----小文的js學習筆記目錄
**

       關注小文我們一起學習進步。

一、選擇符

      含義: 選擇符,用於選擇匹配兩個選項中的其中一個,寫作 |,可以理解爲我們前面學的 “或(||)”。

示例:下面的reg2既可以是數字也可以是我們的小寫字母都可以和我們的reg1 相匹配
在這裏插入圖片描述
執行結果:很顯然這裏是匹配的
在這裏插入圖片描述

二、修飾符

修飾符就是對我們的規定我們正則表達式匹配時的一些方式

    我們常用的有三種:

i 不區分大小寫
g 全文匹配(全局模式)
m 換行匹配(多行匹配)

語法1: var reg1=/正則表達式/ 修飾符;

語法2: var reg1 = new RegExp("正則表達式",“修飾符”);

如果是變量形式創建的正則表達式,我們的修飾符就直接添加在後面即可;
如果是函數的形式創建正則表達式,我們的修飾符就在後面用逗號隔開,寫在引號內。

  注意:光理論是不夠的,技術是不斷更新的。在此贈送2020最新企業級 Vue3.0/Js/ES6/TS/React/node等實戰視頻教程,想學的可進裙 519293536 免費獲取,小白勿進哦!

1、i

解釋:不區分大小寫

示例:
在這裏插入圖片描述
執行結果:本來[a-z]是隻與小寫字母匹配的,但是添加i之後不區分大小寫,所以大寫的A也是可以與之匹配成功的
在這裏插入圖片描述

2、g

解釋:有時候他只會與我們的其中一個字符相匹配,但是添加之後,會與我們所有可以與正則相匹配的都進行匹配。

示例:
在這裏插入圖片描述
執行結果:你可以發現只有第一個a被替換成了b,
在這裏插入圖片描述
但是如果添加了 g,
在這裏插入圖片描述
執行結果:你會發現所有的a都會被替換掉,這就是全局模式
在這裏插入圖片描述

3、m (multiline)

也可以簡單理解爲多行匹配

示例: 以a開始進行全局匹配替換
在這裏插入圖片描述
執行結果:你可以發現只有第一行被替換掉了。
在這裏插入圖片描述
所以我們的m支持換行匹配:
在這裏插入圖片描述
執行結果:這樣即使是其他行滿足正則的也都會被替換掉
在這裏插入圖片描述
補充: 我們的修飾符是可以同時將多個寫在一起的。

三、分組

用括號將正則括起來,一個括號表示一個組

示例:
在這裏插入圖片描述
執行結果:很顯然我麼的的三個a爲一組,所以我們的一個a與其是不匹配的,那麼必定爲false
在這裏插入圖片描述
這就是分組將需要分成一組的用一個括號將其包裹住

四、字符類

寫法: RegExp.$(數字)

可以簡單的理解爲每一個字符類就是我們正則當中的一組。所以我們的字符類只能表示正則當中的組(即正則必須分組);而且在使用字符類以前我們的正則必須要被使用,我們的字符類纔可以使用成功。

示例:
在這裏插入圖片描述
執行結果:因爲正則沒有被使用,所以很顯然我們的字符類使用失敗
在這裏插入圖片描述

所以,前面必須先使用正則,
示例:
在這裏插入圖片描述
執行結果: 當然這裏不論要不要這個alert 都是可以的 只要是正則的方法,當然除了test 其他的方法也是可以的,只要先使用正則,我們後面的字符類纔可以使用成功:
在這裏插入圖片描述

但是當我們用替換的時候,就不需要寫RegExp
在這裏插入圖片描述
執行結果:這樣和我們正則相匹配的字符串全都被替換爲我們寫定的字符類
在這裏插入圖片描述

**

       將星星揉碎在眼裏,成了一條銀河
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章