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

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

亚连
亚连Original
2018-06-05 15:36:531918Durchsuche

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/

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

var re = new RegExp('ab+c')

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

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"]

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.

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

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

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

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 " ]

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!

Stellungnahme:
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