Unicode Property Escapes JavaScript Regular Expressions

JavascriptWeb DevelopmentObject Oriented Programming

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 −

raja
Published on 15-Jul-2020 16:25:39
Advertisements