javascript - Javascript正则表达式

Question

我对正则表达式有疑问。
我有这样的字符串
<input id="test_name" name="test_name" type="text" list="auto_search_complete" value="" placeholder="Search">
我只想获取id的值test_name。在javascript中，我使用此代码

var str = '<input id="test_name" name="test_name" type="text" list="auto_search_complete" value="" placeholder="Search">';
var id = str.match(/id=\"\w+\"/g)[0].match(/\w{3,}/g);

还有其他方法可以将2个正则表达式功能合并为1个吗？

谢谢!

Answer 1

使用capturing group。

如果正则表达式包含捕获组，则 String.prototype.match 将返回一个包含完整匹配的字符串和捕获组的数组:

str.match(/id="(\w+)"/)
// ["id="test_name"", "test_name"]

您可以通过索引获得所需的一个:

str.match(/id="(\w+)"/)[1]
// => "test_name"