Rimuovi sottostringa dalla stringa in JavaScript

Kirill Ibrahim 10 aprile 2021
  1. Metodo JavaScript replace() per rimuovere una sottostringa specifica da una stringa
  2. Metodo JavaScript replace() con Regex per rimuovere tutte le occorrenze della sottostringa specifica da una stringa
  3. Metodo JavaScript substr() per estrarre una sottostringa specifica da una stringa
Rimuovi sottostringa dalla stringa in JavaScript

JavaScript ha due metodi popolari per rimuovere la sottostringa da una stringa. Ogni metodo seguente avrà un esempio di codice, che puoi eseguire sulla tua macchina.

Metodo JavaScript replace() per rimuovere una sottostringa specifica da una stringa

La funzione replace() è una funzione incorporata in JavaScript. Sostituisce una parte della stringa data con un’altra stringa o un’espressione regolare. Restituisce una nuova stringa da una data stringa e lascia la stringa originale invariata.

Sintassi di replace():

Ourstring.replace(Specificvalue, Newvalue)

Il Specificvalue sarà sostituito dal nuovo valore - Newvalue.

Esempio del metodo 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>

Metodo JavaScript replace() con Regex per rimuovere tutte le occorrenze della sottostringa specifica da una stringa

Viene utilizzata un’espressione regolare al posto di Specificvalue insieme alla proprietà globale.

Esempio:

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

Metodo JavaScript substr() per estrarre una sottostringa specifica da una stringa

La funzione substr() è una funzione incorporata in JavaScript per estrarre una sottostringa da una data stringa o restituire una parte della stringa. Inizia dall’indice specificato e si estende per un determinato numero di caratteri.

substr() Sintassi:

string.substr(startIndex, length)

startIndex è obbligatorio. La lunghezza è opzionale, la lunghezza della stringa deve essere selezionata da quell’indice iniziale, e se non è specificata, la estrae dal resto della stringa.

Esempio:

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

Articolo correlato - JavaScript String