Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Biểu thức chính quy (Regular Expressions) trong JavaScript


Biểu thức chính quy là chuỗi ký tự mô tả mẫu tìm kiếm. Mẫu này được dùng để xác định nội dung cần tìm trong văn bản.

Dưới đây là mã cho biểu thức chính quy trong JavaScript:

Ví dụ

<!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: 18px;       font-weight: 500;       color:red;    } </style> </head> <body> <h1>JavaScript Regular Expressions</h1> <div class="sample">The king bought the ring and went to the palace.</div> <div style='color:black' class="result"></div> <button class="Btn">CLICK HERE</button> <h3> Click on the above button to replace king with queen in the text above </h3> <script>    let sampleEle = document.querySelector('.sample');    let resultEle = document.querySelector('.result');    document.querySelector('.Btn').addEventListener('click',()=>{       let newText = sampleEle.innerHTML.replace(/king/gi,'queen');       resultEle.innerHTML = 'Result = ' + newText;    }) </script> </body> </html>

Kết quả

Mã trên sẽ tạo ra đầu ra sau:

Biểu thức chính quy (Regular Expressions) trong JavaScript

Khi nhấn nút 'CLICK HERE':

Biểu thức chính quy (Regular Expressions) trong JavaScript