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教程网