Come sostituire lo spazio con una nuova linea in JavaScript

Come sostituire lo spazio con una nuova linea in JavaScript

Uno spazio viene utilizzato per separare le parole in una frase. L'aggiunta di spazio rende significativa l'intera frase. Ma per rendere il contenuto più leggibile, viene utilizzata una nuova riga. Per spostare il contenuto nella riga successiva, utilizzare il carattere di nuova riga (\ n).

Questo post illustrerà i metodi per sostituire lo spazio con una nuova linea in JavaScript.

Come sostituire lo spazio con una nuova linea in JavaScript?

Per sostituire lo spazio con la nuova riga, è possibile utilizzare i metodi indicati:

    • sostituire()
    • sostituisci tutto()

Diamo un'occhiata al funzionamento di ogni metodo.

Metodo 1: sostituire lo spazio con la nuova riga usando il metodo sostituito ()

IL "sostituire()"Il metodo sostituisce il valore in una stringa con la stringa specificata o un carattere. È il metodo predefinito dell'oggetto tipo stringa. Restituisce una nuova stringa come output con i valori sostituiti dopo aver cercato la stringa per un valore specifico o un modello di regex.

Nel nostro caso, useremo una nuova linea per rimuovere lo spazio in una stringa.

Sintassi

Segui la sintassi di seguito per utilizzare il metodo Sostituisci ():

Sostituire ("SearchValue", "Sostituisci")


Il metodo dato richiede due parametri; Uno è il "SearchValue"Verrà cercato in una stringa e deve essere sostituito, e l'altro è il"Sostituire il valore"Questo viene usato come sostituto. Ad esempio, lo spazio è il valore sostituito che verrà ricercato in una stringa e la nuova riga è il suo sostituto.

Esempio 1: sostituzione dello spazio singolo con nuova riga

In questo esempio, creeremo prima una variabile di tipo stringa per archiviare una stringa con spazi:

VAR STR = "Benvenuti a LinuxHint"


Quindi, chiama il metodo Sostituisci () passando lo spazio ("") poiché il valore sostituito verrà ricercato nella stringa e nella nuova riga "\N"È passato come sostituto:

console.Log (str.sostituire ("", "\ n"));


L'output mostra che il metodo sostitutivo () sostituisce solo la prima occorrenza dello spazio con la nuova riga mentre la stringa contiene due spazi:


Se si desidera sostituire tutte le occorrenze degli spazi con una nuova linea in una stringa, segui la sezione successiva.

Esempio 2: sostituzione di più spazi con nuova riga

Qui considereremo la stessa stringa dell'esempio precedente e sostituiremo tutti gli spazi con la nuova riga usando il modello regex "/ /G"Nel metodo sostituito ():

console.Log (str.sostituire ( / / g, "\ n"));


Nel modello di regex, abbiamo aggiunto il "G"Flag (globale), per abbinare tutte le occorrenze degli spazi in una stringa.

Come puoi vedere, l'output indica che tutti gli spazi vengono sostituiti con successo con una nuova linea. Ogni parola dopo lo spazio inizia da una nuova linea:


Se si desidera eseguire la stessa operazione senza utilizzare il regex, utilizzare il metodo sotto discussione.

Metodo 2: sostituire lo spazio con la nuova riga usando il metodo sostituibile ()

C'è un altro metodo per sostituire qualcosa da una stringa chiamata "sostituisci tutto()" metodo. Nel metodo ReplaceAll (), non è necessario aggiungere un regex per sostituire tutte le istanze di un carattere specifico in una stringa. Questo metodo accetta anche due parametri uno è il valore cercato e l'altro è il suo sostituto correlato.

Sintassi

Segui la sintassi data per utilizzare il metodo sostituita ():

ReplaceAll ("SearchValue", "Sostituisci")


Esempio

In questo esempio, useremo la stessa stringa creata nell'esempio precedente e quindi sostituiremo tutti gli spazi con la nuova riga senza usare alcun modello di regex:

console.Log (str.sostituire ("" "," \ n "));


Come puoi vedere che tutte le parole dopo gli spazi sono ora spostate sulla nuova riga:


Abbiamo compilato tutti i metodi per sostituire lo spazio con una nuova linea in JavaScript.

Conclusione

Per sostituire gli spazi con una nuova riga in una stringa, è possibile utilizzare i metodi JavaScript predefiniti, incluso il metodo Sostituisci () e il metodo sostituibile (). Il primo approccio ha sostituito solo il primo occorrenza, mentre il modello regex viene utilizzato per sostituire tutte le occorrenze. In confronto, il metodo sostituita () sostituisce tutte le occorrenze dalla stringa. In questo post, abbiamo illustrato i metodi per sostituire gli spazi con una nuova linea con esempi dettagliati.