JavaScript String trim()函数

trim()是JavaScript中的一个内置字符串函数，用于去除字符串中的空白字符。该函数会删除字符串的开头和结尾处的空白字符。由于trim()是一个字符串方法，所以它是由String类的一个实例来调用的。我们需要创建一个String类的实例，以便使用trim()方法。

注意 – trim()方法不会改变原始字符串，它只是移除前导和尾随的空白字符。

语法

trim()方法的语法如下：

str.trim()

在这里，str是一个String类的对象，它将包含要修剪的字符串。

参数

trim()方法内部没有任何参数或参数。

返回值

string.trim()函数从字符串的开头和末尾删除空格字符，并返回字符串。

示例

以下是一些示例，使用trim()函数从中删除元素。在这些示例中，您将了解如何使用此JavaScript函数。所以，这里有几个示例 –

示例1

在这个示例中，我们将传入包含两边空格的字符串。

<html>
<body>
<script> 
function func_trim() { 
     //original string with whitespace in beginning and end
    var str = "     javatpoint tutorial website     "; 

    //string trimmed using trim()
    var trimmedstr = str.trim(); 
    document.write(trimmedstr);  
} 
func_trim(); 
</script>
</html>
</body>

输出

这将在移除空格后返回下面的字符串。

Javatpoint tutorial website

示例2

在这个示例中，我们将传递一个只有尾部包含空白字符的字符串。

<html>
<body>
<script> 
function func_trim() { 
    //original string with whitespace at the end
    var str = "javatpoint tutorial website      "; 

    //string trimmed using trim()
    var trimmedstr = str.trim(); 
    document.write(trimmedstr);  
} 
func_trim(); 
</script>
</html>
</body>

输出

这将删除末尾的空格，并按如下所示返回字符串。

Javatpoint tutorial website

示例3

在这个示例中，我们将传递一个字符串，该字符串只在开头包含空格。

<html>
<body>
<script> 
function func_trim() {
    //original string with whitespace in beginning 
    var str = "        javatpoint tutorial website"; 

    //string trimmed using trim()
    var trimmedstr = str.trim(); 
    document.write(trimmedstr);  
} 
func_trim(); 
</script>
</html>
</body>

输出

这将从开头删除空格，并将字符串返回如下。

Javatpoint tutorial website

JavaScript 提供了另外两个与 trim() 方法类似的函数。它们也用于修剪字符串，但只能从一端修剪，要么是左边，要么是右边。请记住，这两个函数不会改变原始字符串；它们只是删除空白字符。

trimLeft()
trimRight()

trimLeft()

trimLeft() 方法只从字符串的左边删除空白字符。更好地理解，我们可以说它只从开头删除空白字符，并将字符串返回为没有前导空白字符的字符串。

语法

str.trimLeft()

见下面的示例 – 示例1

<html>
<body>
<script> 
function func_trim() {
    //original string with whitespace in beginning 
    var str = "     javatpoint tutorial website    "; 

    //string trimmed using trimLeft()
    var trimmedstr = str.trimLeft(); 
    document.write(trimmedstr);  
} 
func_trim(); 
</script>
</html>
</body>

输出

这将仅移除开头的空格，尾部的空格将保持不变。请参考以下输出结果：

Javatpoint tutorial website

trimRight()

另一方面， trimRight() 方法仅从字符串的右侧删除空格。为了更好地理解，我们可以说它仅从末尾删除空格，并且返回没有尾随空格字符的字符串。

语法

str.trimRight()

看下面的示例 –

示例1

<html>
<body>
<script> 
function func_trim() {
    //original string with whitespace from the end 
    var str = "      javatpoint tutorial website       "; 

    //string trimmed using trimRight()
    var trimmedstr = str.trimRight(); 
    document.write(trimmedstr);  
} 
func_trim(); 
</script>
</html>
</body>

输出

这将仅从末尾移除空白字符，前导空白字符将保持不变。请参见下面的输出：