最后一个字符串与正则表达式不匹配

Question

我需要一些正则表达式帮助。我有我想要匹配的代码。

var i1 = "<ul> {{#items}}<li>{{.}}</li>{{/items}} </ul>";
var i2 = "<ul> {{#items}}<li>{{.}}</li> <li><ul> {{#items}}<li>{{.}}</li>{{/items}} </ul></li>{{/items}} </ul>";
var i3 = "<ul> {{#items}}<li>{{.}}</li>{{/items}} </ul> <ul> {{#items}}<li>{{.}}</li>{{/items}} </ul>";


var reg = /{{(?:(?:#|!#)([\s\w\.-]+))}}+(.+(?:{{\/.+}}))/

i1 => ["{{#items}}<li>{{.}}</li>{{/items}}", "items", "<li>{{.}}</li>"]
i2 => ["{{#items}}<li>{{.}}</li> <li><ul> {{#items}}<li>{{.}}</li>{{/items}} </ul></li>{{/items}}", "items", "<li>{{.}}</li> <li><ul> {{#items}}<li>{{.}}</li>{{/items}} </ul></li>"]
i3 => ["{{#items}}<li>{{.}}</li>{{/items}} </ul> <ul> {{#items}}<li>{{.}}</li>{{/items}}", "items", "<li>{{.}}</li>{{/items}} </ul> <ul> {{#items}}<li>{{.}}</li>"]

最后一张不符合我的要求。我只是希望它匹配第一个 ul#items，并在第一个 {{/items}} 出现时停止。前两个 reg 无需 html 标签即可工作。

我需要一些帮助来弄清楚如何完成最后一项。

谢谢

Answer 1

您的模式是贪婪的，这意味着它将匹配最大的可能字符串。使用 .*? 和 .+? 而不是 .* 和 .+。请查看此处，了解“贪婪”和“惰性”之间差异的更详细说明运营商。