資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝學
法學如何使用 JavaScript 正則表示式獲取大括號之間的字串？
我們可以建立一個正則表示式，以便它可以找到大括號之間所有子字串。之後，我們可以使用 exec() 或 match() 方法提取匹配的子字串。
在本教程中，我們將學習如何使用正則表示式來獲取 JavaScript 中大括號之間的字串。例如，如果我們得到一個類似於“這是一個包含 {字串} 和 {大括號} 的字串”的字串，我們需要提取位於大括號之間的所有子字串。
使用 exec() 方法和正則表示式獲取大括號之間的字串
exec() 方法通常與正則表示式一起使用，以查詢匹配的子字串。它以陣列格式返回所有匹配的結果，如果找不到任何匹配的出現，則返回 null 值。
語法
使用者可以按照以下語法使用 exec() 方法和正則表示式獲取大括號之間的所有子字串。
var regex = /{([^}]+)}/g;
while (match = regex.exec(originalStr)) {
results.push(match[1]);
}
在上面的語法中，我們建立了正則表示式來查詢大括號之間的子字串。之後，我們遍歷匹配陣列並獲取所有匹配的出現。
示例
在下面的示例中，“originalStr”變數包含帶有大括號的字串。regex.exec() 方法返回所有匹配子字串的二維陣列。陣列的每個元素都是一個包含兩個字串的陣列。第一個元素是一個帶有大括號的字串，第二個元素是沒有大括號的字串，這是我們想要提取的。
在輸出中，使用者可以看到它顯示了“開發者”和“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”的字元等於“{”，則將索引值儲存在 start 變數中。
步驟 3 - 如果字串中索引為“I”的字元等於“}”，則將索引值儲存在 end 變數中。
步驟 3.1 - 使用 substring() 方法獲取“start + 1”索引到“end”索引之間的子字串。
步驟 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 迴圈而不是正則表示式。
5K+ 次瀏覽
