TypeScript:
Tekst zoeken en vervangen

Hoe te:

TypeScript, gebouwd op JavaScript, komt met handige methoden voor stringmanipulatie. We kunnen String.prototype.replace() gebruiken voor basis zoek- en vervangbewerkingen. Bekijk deze snippets:

// Eenvoudige string vervanging
let text: string = "Hallo, Wereld!";
let newText: string = text.replace("Wereld", "TypeScript");
console.log(newText);  // Uitvoer: Hallo, TypeScript!

// Globale vervanging met regex
let regexText: string = "foo bar foo bar";
let globalRegex: RegExp = /foo/g;
let newRegexText: string = regexText.replace(globalRegex, "baz");
console.log(newRegexText);  // Uitvoer: baz bar baz bar

// Vervangen met een functie
let dynamicText: string = "Ik heb 2 appels en 5 sinaasappels.";
let fruitCounter: string = dynamicText.replace(/\d+/g, (match) => {
    return (+match * 2).toString();
});
console.log(fruitCounter);  // Uitvoer: Ik heb 4 appels en 10 sinaasappels.

Dieper Duiken

Historisch gezien is tekstvervanging een functie geweest in zelfs de vroegste tekstverwerkingshulpmiddelen, met Unix-tools zoals sed als iconische voorbeelden. In modernere programmering zijn vervangingsoperaties vaak krachtiger wanneer ze worden gekoppeld aan reguliere expressies (regex) voor patroonherkenning.

Alternatieven voor String.prototype.replace() in TypeScript zijn talrijk. Bibliotheken zoals Lodash bieden _.replace() met een vergelijkbare syntax. Voor meer geavanceerde scenario’s, zou je kunnen overwegen om je eigen parser te bouwen of parser-bibliotheken te gebruiken voor transformatietaken die verder gaan dan eenvoudige stringvervanging.

Als we het over implementatie hebben, onthoud dan dat .replace() de originele string niet zal muteren. Strings in JavaScript en TypeScript zijn onveranderlijk. De methode retourneert een nieuwe string, dus als je de aangepaste tekst nodig hebt, zul je deze moeten opslaan, zoals in de bovenstaande voorbeelden.

Zie Ook

• MDN Web Docs over replace(): MDN String vervangen
• Regex-testtool om je vaardigheden in patroonherkenning aan te scherpen: Regex101
• Lodash’s string vervangen voor een alternatieve benadering: Lodash _.replace