Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để kiểm tra và thực thi một biểu thức chính quy trong JavaScript?


Sau đây là mã để kiểm tra và thực thi một 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;
   }
   .result,.sample {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Testing and executing regular expressions</h1>
<div class="sample"></div>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to test and execute the regular expression
</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>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Làm cách nào để kiểm tra và thực thi một biểu thức chính quy trong JavaScript?

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Làm cách nào để kiểm tra và thực thi một biểu thức chính quy trong JavaScript?