w3resource

JavaScript: Unescape escaped HTML characters

JavaScript fundamental (ES6 Syntax): Exercise-113 with Solution

Write a JavaScript program to unescape escaped HTML characters.

  • Use String.prototype.replace() with a regexp that matches the characters that need to be unescaped.
  • Use the function's callback to replace each escaped character instance with its associated unescaped character using a dictionary (object).

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2

// Define the 'unescapeHTML' function.
const unescapeHTML = str =>
  // Use 'String.replace' with a regular expression to replace HTML escape characters.
  str.replace(
    /&|<|>|'|"/g,
    // Use an object to map escape characters to their corresponding symbols.
    tag =>
      ({
        '&': '&',
        '<': '<',
        '>': '>',
        '\'': '\'',
        '"': '"'
      }[tag] || tag)
  );

// Test the 'unescapeHTML' function with a sample HTML string.
console.log(unescapeHTML('<a href="#">Me & you</a>'));
// Output: '<a href="#">Me & you</a>'

Output:

"<a href=\"#\">Me & you</a>"

Flowchart:

flowchart: Unescape escaped HTML characters

Live Demo:

See the Pen javascript-basic-exercise-113-1 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to unflatten an object with the paths for keys.
Next: Write a JavaScript program to uncurry a function up to depth n.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://w3resource.com/javascript-exercises/fundamental/javascript-fundamental-exercise-113.php