正则关卡14:用惰性匹配来查找字符

正则表达式测试工具

在正则表达式中,贪婪匹配会匹配到符合正则表达式匹配模式的字符串的最长可能部分,并将其作为匹配项返回。
另一种方案称为懒惰匹配,它会匹配到满足正则表达式的字符串的最小可能部分。
可以将正则表达式/t[a-z]*i/应用于字符串"titanic"
这个正则表达式是一个以t开始,以i结束,并且中间有一些字母的匹配模式。
正则表达式默认是贪婪匹配,因此匹配返回为["titani"]
它会匹配到适合该匹配模式的最大子字符串。
但是,你可以使用?字符来将其变成懒惰匹配。
调整后的正则表达式/t[a-z]*?i/匹配字符串"titanic"返回["ti"]

var str = "titanic";
var regex1 = /t[a-z]*i/;
var regex2 = /t[a-z]*?i/;
console.log( str.match(regex1) ); // 返回为 ["titani"]
console.log( str.match(regex2) ); // 返回 ["t

注意应该避免使用正则表达式解析 HTML,但是可以用正则表达式匹配 HTML 字符串。

闯关:修复正则表达式/<.*>/,让它返回 HTML 标签<h1>,而不是文本"<h1>Winter is coming</h1>"
请记得在正则表达式中使用通配符.来匹配任意字符。

var text = "<h1>Winter is coming</h1>";
var myRegex = /<.*>/; // 修改这行
var result = text.match(myRegex);
console.log(result);

正确代码

var text = "<h1>Winter is coming</h1>";
var myRegex = /<.*?>/;
var result = text.match(myRegex);
console.log(result);