在 JavaScript 中从字符串中删除子字符串

当前位置：主页 > 学无止境 > WEB前端 > JavaScript >

Vue React JavaScript Angular CSS HTML

在 JavaScript 中从字符串中删除子字符串

作者：迹忆客最近更新：2023/03/10 浏览次数：

JavaScript 有两种常用的方法来删除字符串中的子字符串。下面的每个方法都会有一个代码示例，你可以在你的机器上运行。

replace() 函数是 JavaScript 的一个内置函数。它用另一个字符串或正则表达式替换给定字符串的一部分。它从一个给定的字符串中返回一个新的字符串，并保持原来的字符串不变。

Ourstring.replace(Specificvalue, Newvalue)

Specificvalue 将被新的值-Newvalue 替换。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove a substring from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStac for Software</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStac for Software'; 
            ourNewWord = ourWord.replace('DelftStack', ''); 
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
</html>

在全局属性中使用正则表达式代替 Specificvalue。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove to remove all occurrences of the specific substring  from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStackforDelftStack</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStackforDelftStack'; 
            ourNewWord = ourWord.replace(/DelftStack/g, ''); 
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
</html>

substr() 函数是 JavaScript 中的一个内置函数，用于从给定的字符串中提取一个子字符串或返回字符串的一部分。它从指定的索引开始，并扩展给定数量的字符。

string.substr(startIndex, length)

startIndex 是必需的。length 是可选的，是从该 Startindex 中选择的字符串长度，如果没有指定，则提取到字符串的其余部分。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove a substring from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStackforDelftStack</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStackforDelftStack'; 
            ourNewWord = ourWord.substr(10,13);
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
  
</html>