JavaScript教程-JavaScript中的trim()函数
trim()是JavaScript中的一个内置字符串函数，用于修剪字符串。该函数会移除字符串两端的空白字符，即字符串开头和结尾的空格。由于trim()是一个字符串方法，因此它是由String类的实例调用的。我们必须创建一个String类的实例，然后使用trim()方法。
注意 - trim()方法不会改变原始字符串；它只会移除字符串的开头和结尾的空白字符。
语法
trim()方法的语法如下：
str.trim()这里，str是一个包含要修剪的字符串的String类对象。
参数
trim()方法内部没有任何参数。
返回值
string.trim()函数会返回从字符串开头和结尾移除空白字符后的字符串。
示例
以下是一些使用trim()函数的示例，这些示例演示了如何使用该函数从字符串中移除元素。在这些示例中，你将看到如何使用这个JavaScript函数。以下是一些示例 -
示例1
在此示例中，我们将传递一个包含两端有空格的字符串。
<!DOCTYPE html>
<html>
<head>
<title>示例1 - 使用trim()函数</title>
</head>
<body>
<script>
function func_trim() {
// 原始字符串，开头和结尾都有空白
var str = " javatiku教程网 ";
// 使用trim()修剪字符串
var trimmedstr = str.trim();
document.write(trimmedstr);
}
func_trim();
</script>
</body>
</html>输出
这将返回移除空白后的字符串。
javatiku教程网示例2
在此示例中，我们将传递一个只在结尾有空格的字符串。
<!DOCTYPE html>
<html>
<head>
<title>示例2 - 使用trim()函数</title>
</head>
<body>
<script>
function func_trim() {
// 原始字符串，结尾有空格
var str = "javatiku教程网 ";
// 使用trim()修剪字符串
var trimmedstr = str.trim();
document.write(trimmedstr);
}
func_trim();
</script>
</body>
</html>输出
这将从结尾移除空格并返回以下字符串。
javatiku教程网示例3
在此示例中，我们将传递一个只在开头有空格的字符串。
<!DOCTYPE html>
<html>
<head>
<title>示例3 - 使用trim()函数</title>
</head>
<body>
<script>
function func_trim() {
// 原始字符串，开头有空格
var str = " javatiku教程网";
// 使用trim()修剪字符串
var trimmedstr = str.trim();
document.write(trimmedstr);
}
func_trim();
</script>
</body>
</html>立即测试
输出
这将从开头移除空格并返回以下字符串。
javatiku教程网JavaScript还提供了两个与trim()方法类似的函数。它们也用于修剪字符串，但只从一端修剪，要么是左边，要么是右边。请记住，这两个函数都不会改变原始字符串；它们只会移除空白字符。
- trimLeft()
- trimRight()
trimLeft()
trimLeft()方法仅从字符串左侧移除空白。更好地理解，可以说它只从开头移除空格，并返回一个没有前导空白字符的字符串。
语法
str.trimLeft()以下是示例 -
示例1
<!DOCTYPE html>
<html>
<head>
<title>示例1 - 使用trimLeft()函数</title>
</head>
<body>
<script>
function func_trim() {
// 原始字符串，开头有空格
var str = " javatiku教程网 ";
// 使用trimLeft()修剪字符串
var trimmedstr = str.trimLeft();
document.write(trimmedstr);
}
func_trim();
</script>
</body>
</html>输出
这将仅从开头移除空格，尾随的空白字符保持不变。以下是输出：
javatiku教程网trimRight()
另一方面，trimRight()方法仅从字符串右侧移除空白。更好地理解，可以说它只从结尾移除空格，并返回一个没有尾随空白字符的字符串。
语法
str.trimRight()以下是示例 -
示例1
<!DOCTYPE html>
<html>
<head>
<title>示例1 - 使用trimRight()函数</title>
</head>
<body>
<script>
function func_trim() {
// 原始字符串，结尾有空格
var str = " javatiku教程网 ";
// 使用trimRight()修剪字符串
var trimmedstr = str.trimRight();
document.write(trimmedstr);
}
func_trim();
</script>
</body>
</html>输出
这将仅从结尾移除空格，开头的空白字符保持不变。以下是输出：
javatiku教程网
