Heim Web-Frontend js-Tutorial Eine vollständige Sammlung regulärer Ausdrücke in js

Eine vollständige Sammlung regulärer Ausdrücke in js

Mar 07, 2018 pm 05:11 PM
javascript 正则 表达式

这次给大家带来js中的正则表达式大全,在js中使用正则表达式的注意事项有哪些,下面就是实战案例,一起来看一下。

1、什么是正则?

正则也叫做规则,让计算机能够读懂人类的规则(正则都是操作字符串的)

2、什么是正则表达式?

正则表达式是由一个字符序列形成的搜索模式。

当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。

正则表达式可以是一个简单的字符,或一个更复杂的模式。

正则表达式可用于所有文本搜索和文本替换的操作。

3、正则的写法

var  re = /a/;      正则的简写,其中a是字符串。如果写作 var re  = /'a'/;此种写法是错误的

var  re = new  RegExp('a');  正则表达式的全写(除了必须要用全写的形式一般建议用简写)注意:当正则需要传参的时候一定要用全称的写法

正则中的常用转义字符

\ s : 空  格    \ S : 非空格    

\ d : 数  字    \ D :  非数字    

\w : 字  符    \ W :  非字符    

//在正则中,数字,字母,下划线统统都是字符

.  :  代表任意字符    \ .  :  代表真正的点    

\ b :独立部分    \ B : 非独立的部分    

正则表达式中的量词

{4,7} :最少出现4次,最多出现7次    {4,} :最少出现4次    

{4} :正好出现4次    + :至少出现1次,是{1,}的简写    

? :0次或1次{0,1}    * :至少出现0次{0,}    

^   :放正则的最开始位置,就代表起始的位置    $ : 放正则的最后位置,就代表结束的意思    

正则中的默认是区分大小写的,如果想要不区分大小写,在正则的最后加标识 i  var re = /B/i;

正则默认:正则匹配成功就会结束,不会继续匹配,如果想要全部查找,就要加标识g(全局匹配)。

| :在正则表达式中表示‘或’的意思

正则表达式的字符类:一组相似的字符 [ ]中括号的整体代表一个字符

排除:^ 前面我们已经知道,如果^放在正则的最开始位置,就代表起始的位置,那么如果^放在[ ]里面的话,就代表排除的意思

范围:[a-z] : a~z 的26个字符,整体只代表一位

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

var str = 'abc'; 

var re = /a[^bde]c/; 

alert(re.test(str))//false  

var str = 'abc'; 

var re = /a[bde]/; 

alert(re.test(str));// true 

       \ 数字:重复子项

   \ 1:重复的第一个子项

   \ 2:重复的第二个子项

[html] view plain copy

var str = 'abca'; 

var re = /(a)(b)(c)\1/; 

alert(re.test(str));//true 

[html] view plain copy

var str1 = 'c9'; 

var str2  'cc'; 

alert(/\w\w/.test(str1));//true 

alert(/(\w)\1/.test(str2));//true

Nach dem Login kopieren

5、正则表达式的常用方法

test、search、mach、replace

test:正则去匹配字符串,如果匹配成功就返回真,如果匹配失败就返回假

test的写法:正则.text(字符串);

例:

1

2

3

var str1 = 'abcdef'; 

var re = /b/; 

alert(re.test(str));  //true

Nach dem Login kopieren

search:正则去匹配字符串,如果匹配成功,就返回匹配成功的位置,如果匹配失败就返回-1

说明

search() 方法不执行全局匹配,它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性,并且总是从字符串的开始进行检索,这意味着它总是返回 stringObject 的第一个匹配的位置。

search的写法:字符串.search(正则);

例:

1

2

3

var str2 = 'abcde'; 

var re = /b/; 

alert(str.search(re));  // 1

Nach dem Login kopieren

match:正则去匹配字符串,如果匹配成功,就返回匹配成功的数组,如果匹配不成功就返回null。

说明:这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

match的写法:字符串.match(正则);

例:

1

2

3

var  str = ‘haj123sdk443nas33kdjalsd879’; 

var re = /\d/g; 

alert(str.match(re));   //[1,2,3,4,4,3,3,3,8,7,9]

Nach dem Login kopieren

例:

1

2

var re = /\d\d/g; 

alert(str.match(re)); // [12,44,33,87];

Nach dem Login kopieren

replace:正则去匹配字符串,匹配成功的字符去替换成新的字符串,replace的第二个参数可以是字符串,也可以是一个回调函数

replace的写法:字符串.replace(正则,新的字符串); 或者为 :字符串.replace(正则,回调函数);

例:

1

2

3

4

var str = 'aaa'; 

var re = /a/; 

str = str.replace(re,'b'); 

alert(str);  //baa

Nach dem Login kopieren

第一个参数是正则,第二个参数是带$符的字符串

1

2

3

var str3 = '这是一段原始文本,"3c这要替换4d"!'; 

var newStr = str3.replace( /([0-9])([a-z])/g,"$1" ); 

console.log( newStr );    //输出:    这是一段原始文本,"3这要替换4"!';

Nach dem Login kopieren

注:此例子为引用点击打开链接

上面的例子是当replace的第二个参数是字符串时,相对来说是比较简单的,那么接下来我们就一起看看当replace的第二个参数是回调函数时的情况。那么在写之前我们先来了解一下正则中的匹配子项

正则中的匹配子项

匹配子项:小括号()。小括号还有另外一个意思,即分组操作

把正则中的整体叫做‘母亲’,然后把左边第一个小括号里面的正则叫第一个子项(母亲的第一个孩子),第二个小括号就是第二个子项,以此类推

注:下面的两个例子为引用点击打开链接

例:1)、回调函数只有一个参数的时候,则函数的参数为匹配的正则的整体

1

2

3

4

5

6

7

8

9

var str4 = '这是一段原始文本,需要替换的内容"aa这要bbb替换ccccc"!'; 

var newStr = str4.replace( /[a-z]+/g,function ($0){ 

    var str = ''; 

    for (var i = 0; i < $0.length; i++) { 

        str += &#39;*&#39;; 

    }; 

    return str; 

} ); 

console.log( newStr );    //这是一段原始文本,需要替换的内容"**这要***替换*****"!

Nach dem Login kopieren

2)、回调函数有多个参数的时候,且看如下例题

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

var str5 = &#39;这是一段原始文本,需要替换的内容"3c这要替换4d"!&#39;; 

var newStr = str5.replace( /([0-9])([a-z])/g,function (arg1,arg2,arg3,arg4,arg5){ 

 console.log( arg1 ); 

  console.log( arg2 ); 

  console.log( arg3 ); 

  console.log( arg4 ); 

  console.log( arg5 ); 

} ); 

//输出: 

3c 

17 

这是一段原始文本,需要替换的内容"3c这要替换4d"! 

4d 

23 

这是一段原始文本,需要替换的内容"3c这要替换4d"

Nach dem Login kopieren

上面的例子第一个参数arg1表示匹配的整体,arg2表示第一个子表达式,arg3表示第二个子表达式,接下来的参数arg4是一个整数,声明了表示子匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

以上就是我对正则表达式知识的整理,具体实例也在整理中

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

Spring的配置

web.xml的配置

Das obige ist der detaillierte Inhalt vonEine vollständige Sammlung regulärer Ausdrücke in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript. Im heutigen digitalen Zeitalter müssen immer mehr Unternehmen und Dienste Online-Reservierungsfunktionen bereitstellen. Es ist von entscheidender Bedeutung, ein effizientes Online-Reservierungssystem in Echtzeit zu implementieren. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Reservierungssystem implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist eine Vollduplex-Methode für eine einzelne TCP-Verbindung.

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Dec 17, 2023 pm 12:09 PM

Einführung in die Verwendung von JavaScript und WebSocket zur Implementierung eines Online-Bestellsystems in Echtzeit: Mit der Popularität des Internets und dem Fortschritt der Technologie haben immer mehr Restaurants damit begonnen, Online-Bestelldienste anzubieten. Um ein Echtzeit-Online-Bestellsystem zu implementieren, können wir JavaScript und WebSocket-Technologie verwenden. WebSocket ist ein Vollduplex-Kommunikationsprotokoll, das auf dem TCP-Protokoll basiert und eine bidirektionale Kommunikation zwischen Client und Server in Echtzeit realisieren kann. Im Echtzeit-Online-Bestellsystem, wenn der Benutzer Gerichte auswählt und eine Bestellung aufgibt

Wie ordne ich mehrere Wörter oder Zeichenfolgen mithilfe des regulären Golang-Ausdrucks zu? Wie ordne ich mehrere Wörter oder Zeichenfolgen mithilfe des regulären Golang-Ausdrucks zu? May 31, 2024 am 10:32 AM

Reguläre Golang-Ausdrücke verwenden das Pipe-Zeichen |, um mehrere Wörter oder Zeichenfolgen abzugleichen, wobei jede Option als logischer ODER-Ausdruck getrennt wird. Zum Beispiel: Entspricht „fox“ oder „dog“: fox|dog entspricht „quick“, „brown“ oder „lazy“: (quick|brown|lazy) entspricht „Go“, „Python“ oder „Java“: Go| Python |Java sucht nach Wörtern oder 4-stelligen Postleitzahlen: ([a-zA

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Dec 17, 2023 pm 05:13 PM

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Einführung: Heutzutage ist die Genauigkeit von Wettervorhersagen für das tägliche Leben und die Entscheidungsfindung von großer Bedeutung. Mit der Weiterentwicklung der Technologie können wir genauere und zuverlässigere Wettervorhersagen liefern, indem wir Wetterdaten in Echtzeit erhalten. In diesem Artikel erfahren Sie, wie Sie mit JavaScript und WebSocket-Technologie ein effizientes Echtzeit-Wettervorhersagesystem aufbauen. In diesem Artikel wird der Implementierungsprozess anhand spezifischer Codebeispiele demonstriert. Wir

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

So verwenden Sie insertBefore in Javascript So verwenden Sie insertBefore in Javascript Nov 24, 2023 am 11:56 AM

Verwendung: In JavaScript wird die Methode insertBefore() verwendet, um einen neuen Knoten in den DOM-Baum einzufügen. Diese Methode erfordert zwei Parameter: den neuen Knoten, der eingefügt werden soll, und den Referenzknoten (d. h. den Knoten, an dem der neue Knoten eingefügt wird).

See all articles