Comment remplacer un personnage par une nouvelle ligne en JavaScript

Lors du test d'une page Web ou d'un site, il peut exister des caractères indésirables ou des erreurs de formatage, telles que des erreurs d'orthographe ou une ambiguïté dans le texte, qui doivent être gérées. Dans de tels cas, le remplacement d'un personnage par une nouvelle ligne en JavaScript joue un rôle majeur pour rendre les choses claires et augmenter la lisibilité du texte ajouté.

Ce manuel vous guidera sur le remplacement d'un personnage par une nouvelle ligne en JavaScript.

Comment remplacer un personnage par une nouvelle ligne en JavaScript?

Pour remplacer un personnage par une nouvelle ligne en JavaScript, vous pouvez utiliser:

• "remplacer()" méthode
• "remplace tout()" méthode

Nous allons maintenant passer par chacune des deux approches une par une!

Méthode 1: Remplacez un caractère par une nouvelle ligne en JavaScript à l'aide de la méthode «Remplace ()»

Le "remplacer()»La méthode recherche une valeur spécifique dans la chaîne donnée et la remplace. Cette méthode peut être appliquée pour remplacer un caractère spécifique par une nouvelle ligne.

Syntaxe

chaîne.Remplacer (SearchValue, NewValue)

Ici, "calendrier de recherche"Sera remplacé par le"nouvelle valeur"Dans la chaîne donnée.

Exemple 1: Remplacer "!"Avec une nouvelle ligne

Tout d'abord, incluez une rubrique dans le «”Tag et un bouton et spécifiez son ID:

Remplacer le caractère
Remplacer le caractère

Appliquer le "document.QuerySelector ()«Méthode et accédez au bouton en utilisant son«identifiant"Et se diriger respectivement:

Laissez AccessBtn = document.queySelector ("bouton");
Let Head = document.queySelector ("h");

Ensuite, initialisez une variable nommée «Str"Avec une valeur et le définir comme le texte intérieur de"diriger»:

Soit str = "le caractère remplacé par une nouvelle ligne! C'était super!"
diriger.innerText = str;

Après cela, appliquez un événement "Cliquez sur"Et utilisez la méthode Remplace () pour remplacer le caractère spécifique"!"Avec une nouvelle ligne spécifiée comme"\ n". Enfin, affichez la valeur de chaîne correspondante après avoir remplacé le caractère:

AccessBtn.addEventListener ("cliquez", () =>
Let résultat = str.remplacer("!"," \ n ");
diriger.innerText = result;
);

Lorsque le bouton ajouté est cliqué, "!»Sera remplacé par la nouvelle ligne qui peut être vue ci-dessous:

Exemple 2: Utilisation de Regex pour remplacer "!"Avec une nouvelle ligne

Dans cet exemple, nous utiliserons le «/ /!/g"Regex pour remplacer tous les matchs"!”Avec la nouvelle ligne dans la chaîne fournie. Ce regex sera ensuite transmis pour remplacer () la méthode comme argument avec le «\ n”Nouveau personnage de ligne:

AccessBtn.addEventListener ("cliquez", () =>
Laissez regexp = /!/g;
Let résultat = str.remplacer (regexp, "\ n");
diriger.innerText = result;
);

La sortie correspondante dans ce cas sera:

Méthode 2: Remplacez un caractère par une nouvelle ligne en JavaScript en utilisant la méthode «RempaceAll ()»

Tu ne veux pas utiliser Regex? Pas de soucis! Le "remplace tout()"La méthode vous couvert. Cette méthode peut être utilisée pour supprimer tous les caractères spécifiés, ce qui donnera la même sortie que l'exemple précédent.

AccessBtn.addEventListener ("cliquez", () =>
Let résultat = str.remplace tout("!"," \ n ");
diriger.innerText = result;
);

Sortir

Nous avons discuté de différentes méthodes créatives pour remplacer un personnage par une nouvelle ligne en JavaScript.

Conclusion

Pour remplacer un personnage par une nouvelle ligne en JavaScript, le «remplacer()«La méthode peut être utilisée pour remplacer un caractère particulier, motif regex avec la méthode de remplacement pour rechercher un caractère spécifié et le remplacer. De plus, le «remplace tout()"Peut également être utilisé pour remplacer tous les caractères spécifiques présents dans la chaîne ajoutée. Cet article a discuté de la procédure pour remplacer un personnage par une nouvelle ligne en JavaScript.