Javascript – How to show escape characters in a string? [duplicate]

by

If your goal is to have

str = "Hello\nWorld";

and output what it contains in string literal form, you can use JSON.stringify:

console.log(JSON.stringify(str)); // ""Hello\nWorld""


const str = "Hello\nWorld";
const json = JSON.stringify(str);
console.log(json); // ""Hello\nWorld""
for (let i = 0; i < json.length; ++i) {
    console.log(`${i}: ${json.charAt(i)} (0x${json.charCodeAt(i).toString(16).toUpperCase().padStart(4, "0")})`);
}
.as-console-wrapper {
    max-height: 100% !important;
}

console.log adds the outer quotes (at least in Chrome’s implementation), but the content within them is a string literal (yes, that’s somewhat confusing).

JSON.stringify takes what you give it (in this case, a string) and returns a string containing valid JSON for that value. So for the above, it returns an opening quote ("), the word Hello, a backslash (\), the letter n, the word World, and the closing quote ("). The linefeed in the string is escaped in the output as a \ and an n because that’s how you encode a linefeed in JSON. Other escape sequences are similarly encoded.

More Related Contents:

  1. HTML-encoding lost when attribute read from input field
  2. Unescape HTML entities in JavaScript?
  3. Escape string for use in Javascript regex [duplicate]
  4. Insert HTML into view from AngularJS controller
  5. Escaping HTML strings with jQuery
  6. What is the HtmlSpecialChars equivalent in JavaScript?
  7. Regex to match all instances not inside quotes
  8. How to escape a JSON string containing newline characters using JavaScript?
  9. How to convert characters to HTML entities using plain JavaScript
  10. Unescape HTML entities in JavaScript?
  11. Escaping Strings in JavaScript
  12. How to escape JavaScript in JSP?
  13. How do I escape a single quote ( ‘ ) in JavaScript? [duplicate]
  14. Sanitizing user input before adding it to the DOM in Javascript
  15. Escaping backslash in string – javascript
  16. Making a javascript string sql friendly
  17. Escape JavaScript in Expression Language
  18. How can I insert new line/carriage returns into an element.textContent?
  19. List of all characters that should be escaped before put in to RegEx?
  20. JavaScript Regex, where to use escape characters?
  21. How to escape a JSON string to have it in a URL?
  22. How do I escape a string inside JavaScript code inside an onClick handler?
  23. How do I give JavaScript variables data from ASP.NET variables?
  24. avoid to escape a special characters in javascript
  25. How to remove backslash escaping from a javascript var?
  26. How do I escape a string for a shell command in node?
  27. decodeURIComponent vs unescape, what is wrong with unescape?
  28. Escaping HTML entities in JavaScript string literals within the block
  29. Javascript – Replacing the escape character in a string literal
  30. How to properly escape characters in regexp

Leave a Comment