JavaScript 如何使用正则表达式获取花括号中的字符串

JavaScript 如何使用正则表达式获取花括号中的字符串

问题是获取花括号之间的字符串。我们将看到不同的正则表达式来获取这个字符串。

方法1

  • 选择外部花括号之间的字符串。
  • RegExp 选择所有的花括号,删除它们,然后获取内容。

示例: 这个示例说明了上述方法。

<h1 id="h1" style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_UP"></p> 
  
<button onclick="gfg_Run()"> 
    Click here 
</button> 
  
<p id="GFG_DOWN"></p> 
  
<script> 
    var el_up = document.getElementById("GFG_UP"); 
    var el_down = document.getElementById("GFG_DOWN"); 
    var st = '{This is GeeksforGeeks}'; 
      
    el_up.innerHTML = 
        "Click on the button to get the content between" 
        + " the curly brackets.<br> Str = '" + st + "'"; 
      
    function gfg_Run() { 
        st = st.replace(/\{|\}/gi, ''); 
        el_down.innerHTML = st; 
    } 
</script>
HTML

输出:

JavaScript 如何使用正则表达式获取花括号中的字符串

方法2

  • 在这个方法中,我们选择大括号之间的字符串。
  • RegExp 从右边选择字符串。它从最右边的大括号开始寻找,并将其作为字符串输出。

示例: 下面是一个说明上述方法的示例。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_UP"></p> 
  
<button onclick="gfg_Run()"> 
    Click here 
</button> 
  
<p id="GFG_DOWN"></p> 
  
<script> 
    var el_up = document.getElementById("GFG_UP"); 
    var el_down = document.getElementById("GFG_DOWN"); 
    var st = '{This is {GeeksforGeeks}}'; 
      
    el_up.innerHTML = "Click on the button to get the " 
            + "content between the curly brackets.<br>" 
            + "Str = '" + st + "'"; 
      
    function gfg_Run() { 
        st = st.replace(/.*\{|\}/gi, ''); 
        el_down.innerHTML = st; 
    } 
</script>
HTML

输出:

JavaScript 如何使用正则表达式获取花括号中的字符串

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册