MOCKSTACKS
EN
Questions And Answers

More Tutorials









Javascript Escaping quotes

If your string is enclosed (i.e.) in single quotes you need to escape the inner literal quote with backslash \


var text = 'L\'albero means tree in Italian';
console.log( text );

Output

"L'albero means tree in Italian"

Same goes for double quotes:


var text = "I feel \"high\"";

Output

I feel "high".

Special attention must be given to escaping quotes if you're storing HTML representations within a String, since HTML strings make large use of quotations i.e. in attributes:


var content = "<p class=\"special\">Hello World!</p>"; // valid String
var hello = '<p class="special">I\'d like to say "Hi"</p>';

Quotes in HTML strings can also be represented using ' (or ') as a single quote and " ( or ") as
double quotes.


var hi = "<p class='special'>I'd like to say "Hi"</p>"; // valid String
var hello = '<p class="special">I'd like to say "Hi"</p>'; // valid String

If a string has ' and " you may want to consider using template literals (also known as template strings in previous ES6 editions), which do not require you to escape ' and ". These use backticks ( `   ) instead of single or double quotes.


var x = `"Escaping " and ' can become very annoying`;

The use of ' and " will not overwrite double quotes that browsers can automatically place on attribute quotes.



Conclusion

In this page (written and validated by ) you learned about Javascript Escaping quotes . What's Next? If you are interested in completing Javascript tutorial, your next topic will be learning about: Javascript Word Counter.



Incorrect info or code snippet? We take very seriously the accuracy of the information provided on our website. We also make sure to test all snippets and examples provided for each section. If you find any incorrect information, please send us an email about the issue: mockstacks@gmail.com.


Share On:


Mockstacks was launched to help beginners learn programming languages; the site is optimized with no Ads as, Ads might slow down the performance. We also don't track any personal information; we also don't collect any kind of data unless the user provided us a corrected information. Almost all examples have been tested. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. By using Mockstacks.com, you agree to have read and accepted our terms of use, cookies and privacy policy.