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

Kirill Ibrahim 2023年1月30日 2021年1月22日
  1. JavaScript replace() 从字符串中删除特定子字符串的方法
  2. JavaScript replace() 方法使用 Regex 从一个字符串中删除所有出现的特定子字符串
  3. 从字符串中提取特定子字符串的 JavaScript substr() 方法
在 JavaScript 中从字符串中删除子字符串

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

JavaScript replace() 从字符串中删除特定子字符串的方法

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

replace() 语法

Ourstring.replace(Specificvalue, Newvalue)

Specificvalue 将被新的值-Newvalue 替换。

JavaScript replace() 方法示例

<!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>

JavaScript replace() 方法使用 Regex 从一个字符串中删除所有出现的特定子字符串

在全局属性中使用正则表达式代替 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>

从字符串中提取特定子字符串的 JavaScript substr() 方法

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

substr() 语法

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>

相关文章 - JavaScript String