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 
const unescapeHTML = str =>
  str.replace(
    /&|<|>|'|"/g,
    tag =>
      ({
        '&': '&',
        '<': '<',
        '>': '>',
        ''': "'",
        '"': '"'
      }[tag] || tag)
  );
console.log(unescapeHTML('<a href="#">Me & you</a>'));

Sample 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.



JavaScript: Tips of the Day

Chunks an array into n smaller arrays

Example:

const tips_chunkIntoN = (arr, n) => {
  const size = Math.ceil(arr.length / n);
  return Array.from({ length: n }, (v, i) =>
    arr.slice(i * size, i * size + size)
  );
}
console.log(tips_chunkIntoN([1, 2, 3, 4, 5, 6, 7,8], 4)); 

Output:

[[1,2],[3,4],[5,6],[7,8]]