javascript - 查找字符串中的一个字符

Question

我有一个 HTML 输入元素的属性，其值如下:

elements[1587f9aa-8a9e-4058-b1f3-d358041430c9][0][element-0][value]

如何找到并获取 breckets [0] 内的数字？这个数字以及字符串的左右部分都会改变，所以我不能只提取第 48 个(或其他)符号。模式将始终相同，甚至 [element-?][value] 部分也会相同。

Answer 1

使用正则表达式，如下所示:

/elements\[[^\]]+\]\[(\d+)\]/

这就像说，“查找字符串 elements[x][y]，其中 x != ']' 且 y 是一个数字"

然后，您可以对字符串使用 match 方法来捕获匹配项。正则表达式中的括号将捕获字符子组(例如上例中的 y)。

演示:

$('div').each(function(i,e){
  var attr = $(e).attr('data-var');
  var matches = attr.match(/elements\[[^\]]+\]\[(\d+)\]/);
  console.log(matches[1])
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div data-var="elements[1587f9aa-8a9e-4058-b1f3-d358041430c9][0][element-0][value]"></div>
<div data-var="elements[1587f9aa-8a9e-4058-b1f3-d358041430c9][1][element-1][value]"></div>