← Back tothis vs that

double quotes vs single quote

Written byPhuoc Nguyen
Created
18 Jun, 2020
Last updated
20 Aug, 2020
Category
JavaScript
Contributors
prof3ssorSt3v3
Single quote `'` and double `"` quotes are used to wrap strings. There is no real difference between them except that JSON doesn't accept the single quote.
Other than that, here is the list of advantages and disadvantages:
  • Single quote is more readable and looks better when representing an empty string. See `''` in comparison to `""`.
  • In most keyboards, you might need to press extra key (Shift) to get the double quotes character
  • We don't have to escape if you write HTML in a string:
js
const div = '<div class="message">Hello</div>';
  • Double quotes are often used in other programming languages. So people will get used to it easily when switching to JavaScript.

Good practice

Choose and stick with one of single or double quotes. Using the same coding convention is very important, especially when you are working within a team.
Here is a list of preferences by different teams. They enfore the team using the same convention by using the ESLint rules.
Single quote
js
// ESLint rule
quotes: [ERROR, 'single', {...}],
Double quotes
js
// ESLint rule
"@typescript-eslint/quotes": ["error", "double", { ... }],

Tip

You can use the template literal syntax in ES6 to get rid of escaping quote. For example:
js
// Instead of
const message = 'It\\'s a message';

// We can do this which is more convenient
const message = `It\'s a message`;
If you found this post helpful, please consider giving the repository a star on GitHub or sharing the post on your favorite social networks 😍. Your support would mean a lot to me!

Questions? 🙋

Do you have any questions about front-end development? If so, feel free to create a new issue on GitHub using the button below. I'm happy to help with any topic you'd like to learn more about, even beyond what's covered in this post.
While I have a long list of upcoming topics, I'm always eager to prioritize your questions and ideas for future content. Let's learn and grow together! Sharing knowledge is the best way to elevate ourselves 🥷.
Ask me questions

Recent posts ⚡

Newsletter 🔔

If you're into front-end technologies and you want to see more of the content I'm creating, then you might want to consider subscribing to my newsletter.
By subscribing, you'll be the first to know about new articles, products, and exclusive promotions.
Don't worry, I won't spam you. And if you ever change your mind, you can unsubscribe at any time.
Phước Nguyễn