RegEx Ergebnisse in einzelnen Variablen speichern?

[infinity95]

Guten tag jswelt,
ich habe eine kleine Frage.
Wen ich über RegEx (.match) was suche, dan gibt er mir die Ergebnisse in einer einzigen Variablen aus.
Wie kann ich jedes Ergebnis in einer eigenen Variablen speichern?

Mein Code:

    var Aussage = "html, body{ background:red;} .test{ background:red;} .test2{ background:red;}";
    var Ergebnis = Aussage.match(/\..+{.+}/);
    alert(Ergebnis);

Meine Ausgabe:
.test{ background:red;} .test2{ background:red;}

Ich würde gerne eine Ausgabe wie folgt haben, um damit weiter zu arbeiten:

Ergebnis[0] = ".test{ background:red;}";
Ergebnis[1] = ".test2{ background:red;}";

MfG
infinity

 

[mikdoe]

HI!

Geklammerte Muster sind dein Stichwort: https://developer.mozilla.org/de/do...xpressions#Benutzung_von_geklammerten_Mustern

Ich hab mal Code Tags in deinen Beitrag eingefügt, es liest sich dann besser und die Crawler wissen Bescheid.

 

[kkapsner]

Deine RegExp ist einfach falsch, da der Punkt zu viel matched und du gierige (greedy) Multiplier verwendest. Auch musst du das global-Flag verwenden, wenn die RegExp öfters auf den String angewendet werden soll:

	var Aussage = "html, body{ background:red;} .test{ background:red;} .test2{ background:red;}";
	var Ergebnis;
	var re = /\.[^\{\}]+\{[^\{\}]+\}/g;
	while ((Ergebnis = re.exec(Aussage)) !== null){
		alert(Ergebnis);
	}

PS: Lass' den Browser CSS parsen... der kann das besser.

 

[mikdoe]

Tatsache, Korbinian. Ohne Klammerung klappt das tatsächlich. Sogar in Perl

#!/usr/bin/perl
use strict;
use warnings;

my $Aussage = "html, body{ background:red;} .test{ background:red;} .test2{ background:red;}";

print STDOUT join("\n",$Aussage =~ /\.[^\{\}]+\{[^\{\}]+\}/g);

Mir schwebte das hier vor:

#!/usr/bin/perl
use strict;
use warnings;

my $Aussage = "html, body{ background:red;} .test{ background:red;} .test2{ background:red;}";

while($Aussage =~ /(\.[^{}]+\{[^{}]+\})/g){print "$1\n"}

Aber es kommt dasselbe raus ob mit oder ohne Klammern.

 

[kkapsner]

Aber es kommt dasselbe raus ob mit oder ohne Klammern.

Die Klammer geht ja auch um den kompletten Ausdruck.

 

[infinity95]

Deine RegExp ist einfach falsch, da der Punkt zu viel matched und du gierige (greedy) Multiplier verwendest. Auch musst du das global-Flag verwenden, wenn die RegExp öfters auf den String angewendet werden soll:

	var Aussage = "html, body{ background:red;} .test{ background:red;} .test2{ background:red;}";
	var Ergebnis;
	var re = /\.[^\{\}]+\{[^\{\}]+\}/g;
	while ((Ergebnis = re.exec(Aussage)) !== null){
		alert(Ergebnis);
	}

PS: Lass' den Browser CSS parsen... der kann das besser.

Ersteinmal Danke für eure Antworten und Entschuldigung für meine verspätete Antwort.

Ich habe noch eine kleine Frage.
Und zwar müsste ich doch bestimmt durch die while-Schleife nach jedem Ergebnis abfragen können, ob dannach ein media-query folgt, um nicht die Standard-CSS zu überschreiben.
Den Reg-Ex-Code zum suchen der media-querys werde ich ersteinmal versuchen selber zu schreiben.
Aber wie muss ich das in die Schleife einbringen?

 

[mikdoe]

Und zwar müsste ich doch bestimmt durch die while-Schleife nach jedem Ergebnis abfragen können, ob dannach ein media-query folgt, um nicht die Standard-CSS zu überschreiben.

Dann erweitere einfach den Klammerausdruck von while() um eine zweite Bedingung.

 

[kkapsner]

ob dannach ein media-query folgt, um nicht die Standard-CSS zu überschreiben.

Sowas kannst du schon in der RegExp mit einem negative lookahead (https://msdn.microsoft.com/en-us/library/1400241x(VS.85).aspx ) abdecken.

ABER warum willst du unbedingt einen CSS-Parser in JS schreiben? Lass' das den Browser machen.
Geht es dabei immer noch um das "Zurücksetzen"? Das geht ziemlich sicher auch einfacher. Beschreib' doch mal genau, was exakt dein Problem ist.