Javascript vervangen

| | | | | | | | | | | | | | |

De functie replace () wordt gebruikt om tekst in een JavaScript-tekenreeks te vervangen. De functie replace () heeft twee argumenten, de te vervangen substring en de nieuwe string die daarvoor in de plaats komt. Regex (p) kan ook worden gebruikt om tekst in een tekenreeks te vervangen.

Het vervangen van tekst in een tekenreeks is een veelvoorkomende bewerking in elke programmeertaal. U wilt bijvoorbeeld enkele symbolen uit een tekenreeks verwijderen om er zeker van te zijn dat uw programma werkt.

Wat de reden ook is, weten hoe u tekst moet vervangen in een JavaScript-tekenreeks kan handig zijn.

In deze handleiding bekijken we de JavaScript-tekenreeks replace () en onderzoeken hoe dit kan worden gebruikt om tekst te wijzigen.

JavaScript Replace ()-syntaxis

De methode JavaScript Replace () zoekt naar een tekenreeks voor een patroon of een reguliere expressie. Als een dergelijk patroon in de tekenreeks wordt gevonden, wordt het vervangen door een opgegeven waarde. vervang () retourneert een nieuwe tekenreeks. De originele tekenreeks wordt niet gewijzigd.

De methode Replace () heeft twee argumenten nodig:

  • Het patroon of de reguliere expressie om te zoeken naar Replace (); en
  • Een tekenreeks die elke instantie van het patroon dat in het eerste argument is opgegeven zou moeten vervangen.

Laten we eens kijken naar deze syntaxis:

Ons eerste argument, "Pi", is het patroon waarvan we de inhoud willen vervangen. Het tweede argument, "P", is de tekst waarmee we onze sjabloon willen vervangen. Dus onze code vervangt "Pi" door "P".

Onze code drukt " Peter " op JavaScript-console . Onze uitvoer is een nieuwe tekenreeks omdat tekenreeksen niet in JavaScript kunnen worden bewerkt. Ze zijn onveranderlijk.

De methode Replace () wordt aan het einde van onze keten toegevoegd. U hoeft de tekenreeks waarvan u de waarden wilt vervangen niet op te geven. Alleen het patroon dat u wilt vinden en de tekst die instanties van dat patroon moet vervangen, zijn geaccepteerde argumenten.

replace () JavaScript-voorbeeld

Stel bijvoorbeeld dat u het interessante woord

wilt vervangen em> door intrigerend in een string. Hoe zou je dat doen? We zouden de methode Replace () kunnen gebruiken:

Onze code retourneert een nieuwe string die als volgt is:

In de eerste regel declareren we een JavaScript-variabele genaamd ourInterestingString. Deze variabele bevat de waarde Deze string is interessant. Op de volgende regel vervangen we het woord interessant door interessant, met behulp van de JavaScript string Replace ()-methode.

We kunnen zien dat het woord "interessant" is veranderd in "intrigerend" in ons kanaal.

JavaScript Vervang meerdere substrings

Als we meerdere delen van onze string willen vervangen , kunnen we dit doen door onze replace ()-functies samen te voegen. Chaining betekent dat we verschillende vervangen () instructies achter elkaar plaatsen. Hier is een voorbeeld:

Onze code geeft het volgende terug:

Onze code vervangt alle voorkomens van de woorden" Deze "", string " en" interessant ", met de woorden" Onze ‚"," code ‚"," amazing! ‚", respectievelijk. Het dan vervangt drie woorden door drie meer in onze string met behulp van de functie replace ().

JavaScript string Replace () met Regex

Regular Expression< /em>, of regex (p), definieert een zoekpatroon. Bij het zoeken of vervangen van tekens in een tekenreeks kan het nuttig zijn om reguliere expressies te gebruiken. De regexp-objecten geven ons meer controle over onze < em>replace () functie, waarmee we interessantere vervangingen kunnen doen.

Hier is een voorbeeld van het gebruik van regex om de letter en te vervangen door de letter < em>f:

Onze code-uitvoer is als volgt:

Onze code declareert eerst de variabele ourInterestingString en kent deze de waarde Deze tekenreeks is interessant toe. Vervolgens vervangt onze code elke e in de hele tekenreeks door de letter f en retourneert de functie onze nieuwe tekenreeks.

We gebruiken hiervoor de reguliere expressies / en / g /. Dit patroon vervangt alle en verschijnen in de hele tekenreeks (wat de betekenis is van g).

Als je meer wilt weten over reguliere expressies, ga dan naar Regexr , waarmee u gemakkelijk verschillende uitdrukkingen kunt proberen.

Samenvatting

Met de JavaScript vervangfunctie () kan een deel van een tekenreeks worden vervangen door een andere en retourneert de nieuw gewijzigde tekenreeks. De functie Regex () stelt ons in staat om de hetzelfde, maar met meer controle.

In deze tutorial hebben we uitgelegd hoe je de JavaScript-functie replace () gebruikt en we hebben uitgelegd hoe je reguliere expressies kunt lezen om meer adv uit te voeren. oude vervangende functies op een string.

Lees onze gids JavaScript leren voor meer informatie over het coderen in de JavaScript-programmeertaal .