Unicode Property Escapes JavaScript Regular Expressions


The Unicode property escapes regular expressions, allow us to match characters based on their Unicode properties by using the flag u.

Example

Following is an example −

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample, .result {
      font-size: 20px;
      font-weight: 500;
}
</style>
</head>
<body>
<h1>Unicode Property Escapes JavaScript Regular Expressions</h1>
<div class="sample">Hello 😆😀 World 🙂😊</div>
<div style="color: green;" class="result"></div>
<button class="btn">CLICK HERE</button>
<h3>
Click on the above button to extract the emojis using regex
</h3>
<script>
   let sampleEle = document.querySelector(".sample").innerHTML;
   let btnEle = document.querySelector(".btn");
   let resEle = document.querySelector(".result");
   const EmojiRegEx = /\p{Emoji_Presentation}/gu;
   btnEle.addEventListener("click", () => {
      resEle.innerHTML = sampleEle.match(EmojiRegEx);
   });
</script>
</body>
</html>

Output

The above code will produce the following output −

On clicking the “CLICK HERE” button −

Updated on: 15-Jul-2020

105 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements