Heim > Web-Frontend > js-Tutorial > 6 reguläre Ausdrücke für JavaScript (ausführliches Tutorial)

6 reguläre Ausdrücke für JavaScript (ausführliches Tutorial)

亚连
Freigeben: 2018-06-05 15:36:53
Original
2014 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich 6 reguläre Ausdrucksmethoden zum gleichzeitigen Erinnern an JavaScript vorgestellt. Es ist sehr gut und hat Referenzwert.

Zuallererst kann uns die konkrete Nummer 6 helfen Gesamtspeicher.

Scope

Es gibt zwei Klassen in js, die die Funktion regulärer Ausdrücke ermöglichen

Erstellen

var re = /ab+c/
Nach dem Login kopieren

Methode 1: Reguläres Ausdrucksliteral, diese direkte Verwendung konstanter Ausdrücke kann die Leistung des JS-Parsers verbessern

var re = new RegExp('ab+c')
Nach dem Login kopieren

Methode 2 : Konstruktor, diese Methode kann zur Laufzeit dynamisch bestimmen, was der reguläre Ausdruck ist, was flexibler ist

Gemeinsame Sonderzeichen

Lassen Sie uns einige auswendig lernen Häufig verwendete Sonderzeichen. Dies ist die Kategorie der regulären Ausdrücke. Fällt es Ihnen immer schwer, sich diese zu merken? Tatsächlich kann ich mich nicht erinnern, dass ich immer online suche und verifiziere, um einige Aufgaben zu erledigen. Ich war auch beunruhigt, letztendlich lag es daran, dass ich nicht viel geschrieben habe und nur damit vertraut war. . . Die folgende Zusammenfassung enthält keine spezifischen Inhalte, sondern listet nur bestimmte Sonderzeichen und Kategorien auf. Sie können versuchen, deren Bedeutung zu erklären, als sich die Tabellen anzusehen. . .

  • Übereinstimmender Betrag: * + ? {n} {n,} {n,m} .

  • Übereinstimmende Position: ^ $

  • muss beim Abgleich in Klammern gesetzt werden und muss die Gruppierung unterstützen: (Übereinstimmungsmuster)

  • Abgleichsbedingungen: |

  • Entspricht Mengen: []

  • Entspricht Nicht-Sätzen: [^]

Es gibt noch viel mehr Übereinstimmungsmuster mit besonderen Bedeutungen, die aus Buchstaben bestehen und bei deren Verwendung abgefragt werden können. Tatsächlich kann ich sie mir nicht merken. . .

Beispiele

Beispiele sind die besten Lehrer. . . . Das Beispiel stammt von MDN

Ich möchte das übereinstimmende Array erhalten

var myRe = /d(b+)d/g; 
myRe.exec('cdbbdbsdbdbz') // ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"] 
myRe.exec('cdbbdbsdbdbz') // ["dbd", "b", index: 7, input: "cdbbdbsdbdbz"] 
myRe.exec('cdbbdbsdbdbz') // null
Nach dem Login kopieren

Beachten Sie, dass jeder Aufruf von exec für jedes reguläre Objekt nur eine Übereinstimmung zurückgibt. Wenn Sie alle Übereinstimmungen benötigen, müssen Sie Ich brauche eine while-Schleife. Das Schleifenende-Flag ist eine Übereinstimmung, deren Rückgabewert null ist. Dies ist ziemlich seltsam. Wenn es sich um eine globale Übereinstimmung handelt, werden alle übereinstimmenden Arrays ausgegeben. Die erste übereinstimmende Zeichenfolge wird ausgegeben und die entsprechende Der erfasste Inhalt von

'cdbbdbsdbdbz'.match(/d(b+)d/g) // ["dbbd", "dbd"] 
'cdbbdbsdbdbz'.match(/d(b+)d/) // ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"]
Nach dem Login kopieren

Ich möchte erhalten, ob es eine Übereinstimmung gibt

var str = 'hello world!'; 
var result = /^hello/.test(str); // true 
'cdbbdbsdbdbz'.search(/d(b+)d/) // 1 
'xxx'.search(/d(b+)d/) // -1 没有匹配 
var names = 'Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand '; 
var re = /\s*;\s*/; 
var nameList = names.split(re); 
// [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]
var re = /apples/gi; 
var str = 'Apples are round, and apples are juicy.'; 
var newstr = str.replace(re, 'oranges'); 
// // oranges are round, and oranges are juicy.
Nach dem Login kopieren

Ich möchte nur um die Position der ersten Übereinstimmung zu erhalten

var str = 'hello world!'; 
var result = /^hello/.test(str); // true
Nach dem Login kopieren
I Ich möchte die Zeichenfolge entsprechend der Übereinstimmung aufteilen

'cdbbdbsdbdbz'.search(/d(b+)d/) // 1 
'xxx'.search(/d(b+)d/) // -1 没有匹配
Nach dem Login kopieren

Ich möchte die Zeichenfolge entsprechend der Übereinstimmung überschreiben

var names = 'Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand '; 
var re = /\s*;\s*/; 
var nameList = names.split(re); 
// [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]
Nach dem Login kopieren

Diese Ersetzungsmethode hat viele Verwendungsmöglichkeiten, nur die grundlegendste Verwendung ist enthalten und wird bei Bedarf verwendet. Probieren Sie es einfach aus. Es ist besser, sie zu üben, wenn Sie das Gesamtkonzept haben, als das Auswendiglernen zu erzwingen~

Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Wie man in Vue eine Taobao-ähnliche Sternebewertung erreicht

Wie man das Problem der dynamischen Unfähigkeit löst Ändern Sie die jqgrid-Komponente in Vue. Das Problem der URL-Adresse

So verwenden Sie Native in React, um eine benutzerdefinierte Pull-Down-Aktualisierung für die Pull-Up-geladene Liste zu implementieren

Das obige ist der detaillierte Inhalt von6 reguläre Ausdrücke für JavaScript (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
js
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
Aktuelle Ausgaben
Wo steht js?
Aus 1970-01-01 08:00:00
0
0
0
js-Dateicode nicht gefunden
Aus 1970-01-01 08:00:00
0
0
0
js addClass funktioniert nicht
Aus 1970-01-01 08:00:00
0
0
0
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage