如何使用正则表达式通过 JavaScript 获取花括号之间的字符串?
我们可以创建一个正则表达式，以便它可以找到花括号之间的所有子字符串。之后，我们可以使用 exec() 或 match() 方法提取匹配的子字符串。
在本教程中，我们将学习使用正则表达式通过 JavaScript 获取花括号之间的字符串。例如，如果我们给出了一个字符串，如"这是一个带有 {curly} 括号的 {string}"，我们需要提取位于花括号之间的所有子字符串。
使用正则表达式的 exec() 方法获取花括号之间的字符串
exec() 方法通常与正则表达式一起使用以查找匹配的子字符串。它以数组格式返回所有匹配结果，如果没有找到任何匹配项，则返回空值。
语法
用户可以按照以下语法使用 exec() 方法和正则表达式来获取花括号之间的所有子字符串。
var regex = /{([^}]+)}/g;
while (match = regex.exec(originalStr)) {
results.push(match[1]);
}
在上述语法中，我们创建了正则表达式来查找花括号之间的子字符串。之后，我们遍历匹配数组并获取所有匹配的出现次数。
示例
以下示例中的"originalStr"变量包含带花括号的字符串。 regex.exec() 方法返回所有匹配子字符串的二维数组。数组的每个元素都是一个包含 2 个字符串的数组。第一个元素是带有花括号的字符串，第二个元素是没有花括号的字符串，我们想要提取它们。
在输出中，用户可以观察到它显示了"Developers"和"JavaScript"子字符串，因为它们都在花括号之间。
<html>
<body>
<h3>Using the <i> regular expression and exec() method </i> to get string between curly braces in JavaScript</h3>
<div id = "demo"> </div>
<script>
let output = document.getElementById("demo");
function getStringBetweenBraces() {
var originalStr = "Hello {Developers}! Let's develop {JavaScript} code!";
var found = [];
var regex = /{([^}]+)}/g;
var results = [];
let match;
while (match = regex.exec(originalStr)) {
results.push(match[1]);
}
output.innerHTML = "The original string is " + originalStr + "<br>";
output.innerHTML += "The substrings between curly braces are " + results + "<br>";
}
getStringBetweenBraces();
</script>
</body>
</html>
使用正则表达式的 match() 方法获取花括号之间的字符串
match() 方法还以数组格式返回字符串中的所有匹配项。
语法
用户可以按照以下语法使用正则表达式的 match() 方法获取花括号之间的字符串
let results = originalStr.match(/{([^}]+)}/g);
在上述语法中，originalStr 是一个带花括号的字符串，我们已将正则表达式作为 match() 方法参数传递。
示例
在下面的示例中，match() 方法返回带花括号的字符串数组。但是，删除花括号后它不会返回字符串。用户可以使用 subStr() 或 substring() 方法从返回的结果中删除花括号。
<html>
<body>
<h3>Using the <i> regular expression and match() method </i> to get string between curly braces in JavaScript</h3>
<div id = "demo"> </div>
<script>
let output = document.getElementById("demo");
function getStringBetweenBraces() {
var originalStr = "This is {sample} string! This is {original} string!";
let results = originalStr.match(/{([^}]+)}/g);
output.innerHTML = "The original string is " + originalStr + "<br>";
output.innerHTML += "The substrings between curly braces are " + results + "<br>";
}
getStringBetweenBraces();
</script>
</body>
</html>
使用 for 循环获取花括号之间的字符串
我们还可以使用 for 循环遍历字符串来提取花括号之间的所有子字符串。我们可以跟踪花括号的起始和结束索引。之后，我们可以使用 substring() 方法从原始字符串中提取子字符串。
语法
用户可以按照以下语法使用 for 循环提取花括号之间的子字符串。
for ( ) {
if (str[i] == "{")
start = i;
if (str[i] == "}") {
end = i;
let bracesString = str.substring(start + 1, end);
}
}
在上述语法中，我们跟踪花括号的开始和结束索引，并使用 substring() 方法提取字符串。
步骤
步骤 1 - 使用 for 循环遍历字符串。
步骤 2 - 如果索引"I"处的字符串中的字符等于"{"，则将索引的值存储在起始变量中。
步骤 3 - 如果索引"I"处的字符串中的字符等于"}"，则将索引的值存储在结束变量中。
步骤 3.1 - 使用 substring() 方法获取"起始 + 1"索引和"结束"索引之间的子字符串。
步骤 3.2 - 将结果子字符串推送到数组中。
示例
在下面的示例中，我们按照上述步骤使用 for 循环提取花括号之间的字符串。但是，这种方法不用于提取嵌套花括号之间的字符串。
<html>
<body>
<h3>Using the <i> for loop </i> to get string between curly braces in JavaScript</h3>
<div id = "demo"> </div>
<script>
let output = document.getElementById("demo");
function getStringBetweenBraces() {
var str = "Hello {Users}! Welcome to {Website}!";
var start = 0;
var end = 0;
let results = [];
for (var i = 0; i < str.length; i++) {
if (str[i] == "{") {
start = i;
}
if (str[i] == "}") {
end = i;
let bracesString = str.substring(start + 1, end);
results.push(bracesString);
}
}
output.innerHTML = "The original string is " + str + "<br>";
output.innerHTML += "The substrings between curly braces are " + results + "<br>";
}
getStringBetweenBraces();
</script>
</body>
</html>
在本教程中，我们学习了使用正则表达式提取花括号之间的字符串。在第一种方法中，我们使用了带有正则表达式的 exec() 方法；在第二种方法中，我们使用了带有正则表达式的 match() 方法。
在第三种方法中，我们使用了 for 循环而不是正则表达式。
