How To Remove Double Quotes From String In Javascript

Working with strings is a common task in JavaScript, and at times you may need to remove double quotes from a string.

This can be useful when parsing JSON data, processing user input, or formatting text for display. In this tutorial, we’ll explore different approaches to removing double quotes from a string in JavaScript.

Step 1: Use the replace() method with a regular expression

The easiest way to remove double quotes from a string is by using the replace() method with a regular expression. A regular expression is a sequence of characters that defines a search pattern. In this case, we’ll define a simple regular expression that matches double quotes.

Here’s the code to remove double quotes from a string using the replace() method with a regular expression:

1
2
3
const stringWithQuotes = '"Hello, World!"';
const stringWithoutQuotes = stringWithQuotes.replace(/"/g, '');
console.log(stringWithoutQuotes);

This code snippet will output:

Hello, World!

Step 2: Using the split() and join() methods

Another approach to removing double quotes from a string is by using the split() and join() methods. The split() method is used to split a string into an array of substrings based on a specified separator. The join() method is used to join elements of an array into a single string, using a specified separator.

Here’s the code to remove double quotes from a string using the split() and join() methods:

1
2
3
const stringWithQuotes = '"Hello, World!"';
const stringWithoutQuotes = stringWithQuotes.split('"').join('');
console.log(stringWithoutQuotes);

This code snippet will output:

Hello, World!

Step 3: Using a for loop and manual string concatenation

If you want to avoid using regular expressions, you can also remove double quotes from a string using a simple for loop and manual string concatenation. This approach may be less efficient than the replace() method, but it is more straightforward and easy to understand.

Here’s the code to remove double quotes from a string using a for loop and manual string concatenation:

1
2
3
4
5
6
7
8
9
10
const stringWithQuotes = '"Hello, World!"';
let stringWithoutQuotes = '';
 
for (let i = 0; i < stringWithQuotes.length; i++) {
  if (stringWithQuotes[i] !== '"') {
    stringWithoutQuotes += stringWithQuotes[i];
  }
}
 
console.log(stringWithoutQuotes);

This code snippet will output:

Hello, World!

Full code

Here’s the full code for all the approaches discussed in this tutorial:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// Using the replace() method with a regular expression
const stringWithQuotes1 = '"Hello, World!"';
const stringWithoutQuotes1 = stringWithQuotes1.replace(/"/g, '');
console.log(stringWithoutQuotes1);
 
// Using the split() and join() methods
const stringWithQuotes2 = '"Hello, World!"';
const stringWithoutQuotes2 = stringWithQuotes2.split('"').join('');
console.log(stringWithoutQuotes2);
 
// Using a for loop and manual string concatenation
const stringWithQuotes3 = '"Hello, World!"';
let stringWithoutQuotes3 = '';
 
for (let i = 0; i < stringWithQuotes3.length; i++) {
  if (stringWithQuotes3[i] !== '"') {
    stringWithoutQuotes3 += stringWithQuotes3[i];
  }
}
 
console.log(stringWithoutQuotes3);

The output for the full code will be:

Hello, World!
Hello, World!
Hello, World!

Conclusion

In this tutorial, we’ve explored different approaches to remove double quotes from a string in JavaScript. Depending on your preferences and requirements, you can choose the right method that suits your needs.

From using the replace() method with a regular expression, to the split() and join() methods, to a simple for loop with manual string concatenation, you now have multiple ways to tackle this common string manipulation task.