RegExp 用于匹配大括号中的单词

Question

在 javascript 中，我有一个像这样的 HTML 块：

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

我正在尝试使用正则表达式“match”来吐出所有 {item} 的数组。 所以我的输出应该如下所示：

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

我已经得到了：

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

但它只返回第一个标签。

这超出了我的正则表达式技能。 有人可以帮忙吗？

干杯!

Answer 1

我想你想要：

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

第二个选项是一个标志，告诉它搜索整个字符串并返回所有匹配项。

请参阅：http://www.evolt.org/article/Regular_Expressions_in_JavaScript/17/36435 /了解更多详情。

Answer 2

你试过这个了吗？

<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 3

就像我喜欢推出自己的正则表达式（并且您实际上只需要全局标志）一样，您是否看过 原型模板、Trimpath JST 或类似的东西？

因为您自己的重用可能不如上面的示例那么有效。 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."

这每次都会运行你的正则表达式，而我相信原型模板基本上会执行一次。

Answer 4

我通过使用 exec 进行测试而偏离了道路。

Answer 5

您需要使用全局标志创建一个模式：

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

或：

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

然后您可以在字符串上调用 match() 方法来获取匹配列表：

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