How to replace a substring in a string in TypeScript
Overview
The replace() method can be used in a TypeScript string to replace a particular substring or a match (regular expression) in a string. All we need to do is pass the substring or regular expression of the substring we want to replace.
Syntax
string.replace(substring|regex, replacement)
syntax for replace() method in TypeScript
Parameters
substring: This is the substring of a stringstringthat we want to replace.
regex: This is used as a regular expression to match the substring we want to replace.
replacement: This is what we want to use as a replacement to theregexorsubstring.
Return value
The value returned is a new string.
Example
export {}// create some stringslet name:string = "Onyejiaku Doe"let role:string = "Musician"let language:string = "JavaScript Language"// create some replacementslet rep1 = "Theodore"let rep2 = "Author"let rep3 = "TypeScript"// replace some substringsconsole.log(name.replace("Doe", rep1))console.log(role.replace(/Musician/gi, rep2))console.log(language.replace("JavaScript", rep3))
Explanation
- Line 1: We export our file as a module to prevent scope errors due to the names of variables and keywords.
- Lines 4–6: We create some strings.
- Lines 9–11: We create our replacements. These are the strings we will use to replace some substrings in the strings we created.
- Lines 14–16: Using the
replace()method, we replace some substrings and print the new strings to the console.