JavaScript 字串 trim() 方法



JavaScript 字串trim() 方法用於去除字串兩端的空格,並返回一個新的字串。如果原始字串在開頭或結尾沒有空格,則返回相同的字串。

要僅從字串的一端去除空格字元,可以使用trimStart()trimEnd() 方法,具體取決於要修剪的哪一端。

語法

以下是 JavaScript 字串trim() 方法的語法:

trim()

引數

  • 它不接受任何引數。

返回值

此方法在去除其開頭和結尾的空格後返回一個新字串。

示例 1

如果原始字串在兩端都沒有空格,則返回相同的字串。

<html>
<head>
<title>JavaScript String trim() Method</title>
</head>
<body>
<script>
   const str = "Tutorials Point";
   document.write("Original string: ", str);
   document.write("<br>New string: ", str.trim());
</script>    
</body>
</html>

輸出

上述程式返回“Tutorials Point”。

Original string: Tutorials Point
New string: Tutorials Point

示例 2

在此示例中,我們使用 JavaScript 字串trim() 方法去除字串“ Hello World! ”兩端的空格。

<html>
<head>
<title>JavaScript String trim() Method</title>
</head>
<body>
<script>
   const str = " Hello World! ";
   document.write("Original string: ", str);
   document.write("<br>Length of original string: ", str.length);
   document.write("<br>New string: ", str.trim());
   document.write("<br>Length of new string: ", str.trim().length);
</script>    
</body>
</html>

輸出

執行上述程式後,它將去除兩端的空格並返回一個新字串“Hello World!”。

Original string: Hello World!
Length of original string: 14
New string: Hello World!
Length of new string: 12

示例 3

讓我們看看 JavaScript 字串trim() 方法的實際用法。此方法可用於防止使用者在輸入欄位中使用空使用者名稱和密碼登入。

<html>
<head>
<title>JavaScript String trim() Method</title>
</head>
<body>
<input type="text" placeholder="Username" id = 'uname'>
<br><br>
<input type="password" placeholder="Password" id = 'psw'>
<br><br>
<button onclick="Login()">Submit</button>
<span id = 'msg'></span>
<script>
   function Login(){
      let uname = document.getElementById("uname").value;
      let psw = document.getElementById("psw").value;
      let msg = document.getElementById("msg");
      if(uname.trim().length == 0){
         msg.innerHTML = "Username can't be empty...!";
      }
      else if(psw.trim().length == 0){
         msg.innerHTML = "Password can't be empty...!";
      }
      else{
         msg.innerHTML = "Submitted successfully...!";
      }
    }
</script>    
</body>
</html>

輸出

程式在螢幕的左上角顯示一個 UI。它有兩個用於使用者名稱和密碼的輸入欄位,以及一個按鈕。如果欄位為空並且單擊了按鈕,則在按鈕附近會出現一些錯誤訊息。

廣告