How to remove quotes from a string in Typescript [Using 3 Methods]

This typescript tutorial will show different ways to remove quotes from a string in typescript with various examples. We will cover below two examples, but by using different types of typescript methods, such as replaceAll(), replace(), and split().

• Typescript removes quotes from string
• Typescript removes single quotes from string
• Typescript escape quotes from string
• Remove double quotes from the start and end of the string typescript

Typescript removes quotes from string

Here we will see different ways to remove quotes from a string in typescript.

These are the methods we will use to replace double quotes from strings in typescript.

• Using replaceAll()
• Using replace()
• Using split()

Using replaceAll() to remove double quotes from a string in typescript

ReplaceAll() in typescript returns a new string with all pattern matches replaced by the specified replacement.

Syntax of ReplaceAll() in typescript

String.replaceAll(replace regex, replacement string)

For example, we will take a string with double quotes, and then we will replace the double Quotes with an empty string in typescript.

Open the code editor, create a replaceQuotes.ts file, and write the below code.

const str:any = 'typ"e"s"cri"p"t';

// ✅ Remove double quotes from a string
const withoutQuotes = str.replaceAll('"', '');
console.log(withoutQuotes); // 👉️typescript

To compile the code and run the below command and you can see the result in the console:

ts-node removeQuotes

This is how to use replaceAll() to remove double quotes from a string in typescript.

Using replace() to remove quotes from a string in typescript

Replace method in typescript is used to create a new string that replaces one, some, or all regular expressions that match with the specified replacement.

The syntax for replace method in typescript.

String.replace(regexp/substr, newSubStr/function[, flags]);

For example, we will take a string and then replace the double quotes with an empty string using replace method in typescript.

In the removeQuotes.ts file write the below code

const str:any = 'typ"e"s"cri"p"t';

const removeQuotes = str.replace(/"/g, '');
console.log(removeQuotes); // 👉️ typescript

To compile the code and run the below command and you can see the result in the console:

ts-node removeQuotes

This is how to use replace() function to remove quotes from a string in typescript.

Using split() to remove double quotes from a string in typescript

The split method in typescript is used to split the string into an array of strings based on the separator specified.

Syntax of the split method

string.split([separator][, limit]);

For example, we will take a string with double quotes and then will split the string with each occurrence of double quotes using the split method into an array, and then merge the string into one string using the join method.

In the removeQuotes.ts file write the below code:

const str:any = 'typ"e"s"cri"p"t';

const removeQuotes = str.split('"').join('');
console.log(removeQuotes); // 👉️ typescript

To compile the code and run the below command and you can see the result in the console:

ts-node removeQuotes

This is how to use split() to remove double quotes from a string in typescript.

These are the different ways to remove quotes from a string in typescript

Read How to check if string is empty in typescript

Typescript removes single quotes from string

Here we will see the different methods to remove single quotes from strings in typescript.

These are the methods we will use to replace single quotes from strings in typescript.

• Using replaceAll()
• Using replace()
• Using split()

Using replaceAll() to remove single quotes from a string in a typescript

As we already saw what is replaceAll(), here we will directly head toward the example.

Open the code editor, create a replaceQuotes.ts file, and write the below code.

const str:any = "typ'e's'cri'p't";

// ✅ Remove double quotes from a string
const removeQuotes = str.replaceAll("'", "");
console.log(removeQuotes); // 👉️typescript

To compile the code and run the below command and you can see the result in the console

ts-node removeQuotes

Using replace() to remove single quotes from a string in a typescript

As we already saw what is replace(), here we will directly head toward the example.

Open the code editor, create a replaceQuotes.ts file, and write the below code.

const str:any = "typ'e's'cri'p't";

const removeQuotes = str.replace(/'/g, '');
 console.log(removeQuotes); // 👉️ typescript

To compile the code and run the below command and you can see the result in the console

ts-node removeQuotes

Using split() to remove single quotes from a string in a typescript

As we already saw what is replace(), here we will directly head toward the example.

Open the code editor, create a replaceQuotes.ts file, and write the below code.

 const str:any = "typ'e's'cri'p't";
 const removeQuotes = str.split("'").join("");
  console.log(removeQuotes); // 👉️ typescript

To compile the code and run the below command and you can see the result in the console.

ts-node removeQuotes

These are the different ways to remove single quotes from a string in typescript.

Typescript escape quotes from string

Here we will see how to escape quotes from string, with different cases in typescript. Also, we will see how we can avoid escaping a quotes from string in typescript

Use a backslash character before every single or double quote in the string’s contents to escape a single or double quote.

By using the backslash character to escape a single or double quote, we tell TypeScript to regard the quote as a literal single or double quote character rather than an end-of-string character.

Here, are examples of how we can escape single and double quotes from a string using backslash characters in a string.

//escape single quote
const escapeSingleQuote = 'it\'s typesctipt';
console.log(escapeSingleQuote) // 👉️ it's typesctipt

//escape double quote

const escapeDoubleQuote = "type\"script\""
console.log(escapeDoubleQuote)  // 👉️ type"script"

To compile the code run the below command and you can see the result in the console:

ts-node removeQuotes

Now we will see how escaping a quote can be avoidable, by changing the outer quotes of the string.

Below you can see two examples, in one we use outer double quotes and in another we use outer single quotes in typescript

//escape single quote
const escapeSingleQuote = "it\'s typesctipt";
console.log(escapeSingleQuote) // 👉️ it's typesctipt

//escape double quote

const escapeDoubleQuote = 'type\"script\"'
console.log(escapeDoubleQuote)  // 👉️ type"script"

To compile the code and run the below command and you can see the result in the console

ts-node removeQuotes

Backticks can also be used to define a variable that holds a string. This allows you to use single and double quotes without needing to escape them in the string. Below you can see the example:

const escapeSingleQuote = `it\'s typesctipt`;
console.log(escapeSingleQuote) // 👉️ it's typesctipt


const escapeDoubleQuote = `type\"script\"`
console.log(escapeDoubleQuote)  // 👉️ type"script"

To compile the code and run the below command and you can see the result in the console.

ts-node removeQuotes

This is how we can escape quotes from the string in typescript, and also how we can avoid escape quotes by using backticks, single quotes, and double quotes in the outer string.

Read How to check type of variable in Typescript

Remove double quotes from start and end of a string typescript

Here we will see how we can remove double quotes from the start and end of the string in typescript.

By using the 3 methods we can remove double quotes from the start and end of the string in typescript.

• Using replace method
• Using slice method
• Using substring method

Using typescript replace() method

As we already discussed what replace method is, we will move forward to see an example: how we can remove double quotes from the start and end of the string in typescript.

let str = '"Hello Typescript- "This language" is intresting."'
str = str.replace(/(^"|"$)/g, '')
console.log(str);  // 👉️Hello Typescript- "This language" is intresting

To compile the code and run the below command and you can see the result in the console.

ts-node removeQuotes

Using typescript slice() method

The slice method is used in typescript to get a section of an array and return a new array.

Syntax of slice method:

 array.slice( begin [,end] ); 

For example, we will take a string and we will remove the double quotes from the string using the slice method in the typescript. Below you can see the code:

let str = '"Hello Typescript: "This language" is intresting."'

if (str.length >= 2 && str.charAt(0) == '"' && str.charAt(str.length - 1) == '"')
{
    str = str.slice(1, str.length - 1)
}
console.log(str); 

If you will compile the above code by using the below command, see the result in the console:

ts-node removeQuotes

Using typescript substring() method

The substring method in typescript returns a subset of the String object.

Syntax of substring method:

string.substring(indexA, [indexB])

For example, we will take a string and we will remove the double quotes from the string using the slice method in the typescript. Below you can see the code:

let str = '"Hello Typescript: "This language" is intresting."'

if (str.length >= 2 && str.charAt(0) == '"' && str.charAt(str.length - 1) == '"')
{
    str = str.substring(1, str.length - 1);
}
console.log(str); 

To compile the code and run the below command and you can see the result in the console:

ts-node removeQuotes

These are the methods of how we remove double quotes from the start and end of the string in typescript.

Conclusion

In this typescript tutorial, we saw different methods (like replace, and replaceAll) to remove double quotes from strings in typescript. Also, we saw the different examples:

• Typescript removes quotes from string
• Typescript removes single quotes from string
• Typescript escape quotes from string
• Remove double quotes from the start and end of the string typescript

You may also like the following typescript tutorials:

• Compare two string dates in typescript
• How to compare two strings in typescript
• How to get last element of an array in typescript
• Typescript string replaces all occurrences