Đối tượng RegExp được dùng để khớp mẫu (pattern matching) trên văn bản thông qua việc tìm kiếm và trích xuất phần văn bản. Đối tượng RegExp có thể tạo bằng constructor RegExp hoặc cú pháp literal.
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Đối tượng RegExp</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>Đối tượng RegExp</h1> <div class="sample"></div> <div style="color: green;" class="result"></div> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút trên để kiểm tra biểu thức chính quy</h3> <script> let sampleEle = document.querySelector(".sample"); let resEle = document.querySelector(".result"); let str = "Hello world. This is a beautiful world"; sampleEle.innerHTML = str; let pattern = new RegExp("world"); document.querySelector(".Btn").addEventListener("click", () => { resEle.innerHTML += "pattern.test(str) = " + pattern.test(str) + "<br>"; resEle.innerHTML += "pattern.exec(str) = " + pattern.exec(str) + "<br>"; }); </script> </body> </html>
Kết quả
Khi nhấn nút, phương thức test() trả về true nếu mẫu khớp, và exec() trả về mảng kết quả khớp đầu tiên.
Lưu ý: Cú pháp literal /world/ thường được ưu tiên cho các biểu thức chính quy tĩnh, trong khi constructor new RegExp() hữu ích khi mẫu được xây dựng động từ chuỗi.