RegExp, um Wörter in geschweiften Klammern zu finden

Question

In Javascript habe ich einen HTML-Block wie diesen:

<h2>{title}</h2>
<p><a href="{url}">{content}</a></p>

Und ich versuche, Regex "Match" zu verwenden, um ein Array aller {item}'s auszuspucken. Meine Ausgabe sollte also so aussehen:

['title', 'url', 'content']

Ich bin schon so weit gekommen:

var pattern = new RegExp("\{[a-zA-Z]+\}+");
var match = pattern.exec("{Sample} bob {text}");

Aber es wird nur der erste Tag zurückgegeben.

Das übersteigt einfach meine Regex-Kenntnisse. Kann jemand helfen?

Zum Wohl!

Answer 1

Sie müssen ein Muster mit dem globalen Flag erstellen:

var pattern = new RegExp("\{[a-zA-Z]+\}", "g");

oder:

var pattern = /\{[a-zA-Z]+\}/g;

Dann können Sie die Methode match() für Ihre Zeichenkette aufrufen, um eine Liste von Übereinstimmungen zu erhalten:

var matches = "{Sample} bob {text}".match(pattern);

Answer 2

Ich glaube, Sie wollen:

var pattern = new RegExp("\{[a-zA-Z]+\}+", "g");

Die zweite Option ist ein Flag, das die gesamte Zeichenkette durchsucht und alle Treffer zurückgibt.

Siehe: http://www.evolt.org/article/Regular_Expressions_in_JavaScript/17/36435/ für weitere Einzelheiten.

Answer 3

Auch wenn ich gerne meine eigenen RegExp einsetze (und Sie wirklich nur das globale Flag brauchen), haben Sie sich die Prototyp-Vorlagen , Trimpath JST oder etwas Ähnliches?

Denn möglicherweise ist die Wiederverwendung nicht so effizient wie bei den oben genannten Beispielen. EG:

String.prototype.template = function (obj) {
 return this.replace(/{([^{}]+)}/g,
  function (full, word) {
   return((typeof obj[word]==='string'||typeof obj[word]==='number')?obj[word]:full);
  }
 );
};

"The {adj1} {adj2} {noun}.".template({adj1: 'lazy',adj2: 'brown', noun: 'dog'})
==> "The lazy brown dog."

Dies führt Ihre Regex jedes Mal, während ich glaube, der Prototyp Vorlagen im Grunde tut es einmal.

Answer 4

Haben Sie das schon ausprobiert?

<script>
var text = '<h2>{title}</h2>\n<p><a href="{url}">{content}</a></p>';
var regex = /\{[a-z]+\}/ig;
var result = text.match(regex);
for (var i = 0; i < result.length; i++) {
    console.debug(i + ". " + result[i]);
}
/*
gives:
0. {title}
1. {test}
2. {url}
3. {content}
*/
</script>

Answer 5

Ich bin vom Weg abgekommen, indem ich exec zu testen.