自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

一篇文章帶你了解 JavaScript RegExp 對(duì)象

開發(fā) 前端
RegExp:是正則表達(dá)式(regular expression)的簡(jiǎn)寫。

RegExp是正則表達(dá)式(regular expression)的簡(jiǎn)寫。

一、什么是 RegExp?

正則表達(dá)式描述了字符的模式對(duì)象。

當(dāng)項(xiàng)目檢索某個(gè)文本時(shí),可以使用一種模式來描述要檢索的內(nèi)容。RegExp 就是這種模式。

簡(jiǎn)單的模式可以是一個(gè)單獨(dú)的字符。更復(fù)雜的模式包括了更多的字符,并可用于解析、格式檢查、替換等等??梢砸?guī)定字符串中的檢索位置,以及要檢索的字符類型,等等。

二、語(yǔ)法

var patt=new RegExp(pattern,modifiers);

或更簡(jiǎn)單的方法

var patt=/pattern/modifiers;

注:

當(dāng)使用構(gòu)造函數(shù)創(chuàng)造正則對(duì)象時(shí),需要常規(guī)的字符轉(zhuǎn)義規(guī)則(在前面加反斜杠 \)。

比如,以下是等價(jià)的:

var re = new RegExp("\\w+");
var re = /\w+/;

三、RegExp 對(duì)象

正則表達(dá)式是描述字符模式的對(duì)象。

正則表達(dá)式用于對(duì)字符串模式匹配及檢索替換,是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。

四、RegExp 修飾符

修飾符用于執(zhí)行不區(qū)分大小寫和全文的搜索。

i - 修飾符是用來執(zhí)行不區(qū)分大小寫的匹配。

g - 修飾符是用于執(zhí)行全文的搜索(而不是在找到第一個(gè)就停止查找,而是找到所有的匹配)。

1. 實(shí)例 1

在字符串中不區(qū)分大小寫找"runoob"。

var str = "Visit RUnoob"; var patt1 = /runoob/i;

以下標(biāo)記的文本是獲得的匹配的表達(dá)式:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>項(xiàng)目</title>
    </head>
    <body style="background-color: aqua;">


        <script>
            var str = "Visit RUnoob";
            var patt1 = /runoob/i;
            document.write(str.match(patt1));
</script>


    </body>
</html>

運(yùn)行效果:

2. 實(shí)例 2

全文查找 "is"

var str="Is this all there is?"; var patt1=/is/g;

完整代碼:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>項(xiàng)目</title>
    </head>
    <body style="background-color: aqua;">


        <script>
            var str = "Is this all there is?";
            var patt1 = /is/g;
            document.write(str.match(patt1));
</script>


    </body>
</html>

運(yùn)行效果:

3. 實(shí)例 3

全文查找和不區(qū)分大小寫搜索 "is"。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>項(xiàng)目</title>
    </head>
    <body style="background-color: aqua">


        <script>
            var str = "Is this all there is?";
            var patt1 = /is/gi;
            document.write(str.match(patt1));
</script>


    </body>
</html>

運(yùn)行效果:

五、方法

test()

test()方法搜索字符串指定的值,根據(jù)結(jié)果并返回真或假。

下面的示例是從字符串中搜索字符 "e" :

1. 實(shí)例1

<script>
      var patt1 = new RegExp("e");
      document.write(patt1.test("The best things in life are free"));
</script>

由于該字符串中存在字母 "e",

運(yùn)行效果:

注:

當(dāng)使用構(gòu)造函數(shù)創(chuàng)造正則對(duì)象時(shí),需要常規(guī)的字符轉(zhuǎn)義規(guī)則(在前面加反斜杠 \)。

2. 實(shí)例2

<script>
      var str = 'runoob';
      var patt1 = new RegExp('\\w', 'g'); // 有轉(zhuǎn)義作為正則表達(dá)式處理
      var patt2 = new RegExp('\w', 'g'); // 無轉(zhuǎn)義作為字符串處理
      var patt3 = /\w+/g; // 與 patt1 效果相同
      document.write(patt1.test(str)) //輸出 true
      document.write("<br>")
      document.write(patt2.test(str)) //輸出 false
      document.write("<br>")
      document.write(patt3.test(str)) //輸出 true
</script>

exec()

exec() 方法檢索字符串中的指定值。返回值是被找到的值。如果沒有發(fā)現(xiàn)匹配,則返回 null。

下面的示例是從字符串中搜索字符 "e" :

實(shí)例

<script>
      var patt1=new RegExp("e");
      document.write(patt1.exec("The best things in life are free"));
</script>

由于該字符串中存在字母 "e"。

運(yùn)行效果:

六、總結(jié)

本文基于JavaScript 基礎(chǔ),介紹了 RegExp 對(duì)象,基本的語(yǔ)法,RegExp 修飾符,常用的方法(text(),exec())的實(shí)際運(yùn)用。通過案例的分析一一的講解,運(yùn)行效果圖的展示。

歡迎大家積極嘗試,有時(shí)候看到別人實(shí)現(xiàn)起來很簡(jiǎn)單,但是到自己動(dòng)手實(shí)現(xiàn)的時(shí)候,總會(huì)有各種各樣的問題,切勿眼高手低,勤動(dòng)手,才可以理解的更加深刻。

責(zé)任編輯:華軒 來源: 前端進(jìn)階學(xué)習(xí)交流
相關(guān)推薦

2023-08-27 15:18:17

JavaScriptRegExp

2024-07-02 14:14:18

2023-07-25 16:06:57

JavaScript對(duì)象

2021-07-02 10:00:50

JavaScriptObject 函數(shù)

2020-10-22 09:08:34

JavaScript

2023-05-30 15:06:21

JavaScript屬性開發(fā)

2024-09-02 14:07:05

2020-11-10 10:48:10

JavaScript屬性對(duì)象

2021-01-29 18:41:16

JavaScript函數(shù)語(yǔ)法

2021-02-02 18:39:05

JavaScript

2021-06-04 09:56:01

JavaScript 前端switch

2023-07-30 15:18:54

JavaScript屬性

2021-01-26 23:46:32

JavaScript數(shù)據(jù)結(jié)構(gòu)前端

2021-03-09 14:04:01

JavaScriptCookie數(shù)據(jù)

2021-06-24 09:05:08

JavaScript日期前端

2023-09-06 14:57:46

JavaScript編程語(yǔ)言

2024-01-30 13:47:45

2024-04-19 14:23:52

SwitchJavaScript開發(fā)

2021-03-05 18:04:15

JavaScript循環(huán)代碼

2021-05-18 08:30:42

JavaScript 前端JavaScript時(shí)
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)