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 −


Advertisements