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 −
Published on 15-Jul-2020 16:25:39
