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

JavaScript Biểu thức chính quy

Biểu thức chính quy là một chuỗi ký tự mô tả một mẫu tìm kiếm. Sau đó, mẫu tìm kiếm này được sử dụng để chỉ định những gì chúng ta đang tìm kiếm trong văn bản.

Sau đây là mã cho các 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>

đầu ra

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

JavaScript Biểu thức chính quy

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

JavaScript Biểu thức chính quy