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

Giải thích các phương thức String.trimStart () &String.trimEnd () trong JavaScript


Phương thức String.trimStart () được sử dụng để xóa khoảng trắng khỏi chuỗi bắt đầu trong khi phương thức String.trimEnd () xóa khoảng trắng khỏi cuối chuỗi.

Sau đây là mã cho các phương thức String.trimStart () và String.trimEnd () -

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>String.trimStart() and String.trimEnd() methods</h1>
<div&g;<pre class="sample"></pre></div>
<div style="color: green;"><pre class="result"></pre></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to trim the above string from start and end
</h3>
<script>
   let resEle = document.querySelector(".result");
   let sampleEle = document.querySelector(".sample");
   let str = " HELLO WORLD ";
   sampleEle.innerHTML = str;
   document.querySelector(".Btn").addEventListener("click", () => {
      resEle.innerHTML = "trimStart() :" + str.trimStart() + "|<br>";
      resEle.innerHTML += "trimEnd() :" + str.trimEnd() + "|";
   });
</script>
</body>
</html>
 

Nhấp vào nút trên để cắt chuỗi trên khỏi đầu và cuối

Đầu ra

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

Giải thích các phương thức String.trimStart () &String.trimEnd () trong JavaScript

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

Giải thích các phương thức String.trimStart () &String.trimEnd () trong JavaScript