Explain String.trimStart() & String.trimEnd() methods in JavaScript


The String.trimStart() method is used to remove whitespace from the string beginning while the String.trimEnd() method removes whitespace from the end of the string.

Following is the code for the String.trimStart() and String.trimEnd() methods −

Example

 Live Demo

<!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>

Output

The above code will produce the following output −

On clicking the ‘CLICK HERE’ button −

Updated on: 16-Jul-2020

367 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements