JavaScript String trim() 方法_JavaScript 菜鸟教程

JavaScript String trim（） 方法从字符串的两侧删除空格并返回一个新字符串。如果原始字符串的开头或结尾没有空格，则返回相同的字符串。

要仅从字符串的一端删除空格字符，可以使用 trimStart（） 或 trimEnd（） 方法，具体取决于要修剪的一端。

语法

以下是 JavaScript String trim（）方法的语法 -

 trim()

参数

它不接受任何参数。

返回值

此方法在删除其开头和结尾的空格后返回一个新字符串。

示例 1

如果原始字符串的两端没有空格，则返回相同的字符串。

<html>
<head>
<title>JavaScript String trim() Method</title>
</head>
<body>
<script>
	 	const str = "Qikepu Com";
	 	document.write("原始字符串: ", str);
	 	document.write("<br>新字符串: ", str.trim());
</script> 	 	
</body>
</html>

输出

上面的程序返回 “Qikepu Com”。

原始字符串: Qikepu Com
新字符串: Qikepu Com

示例 2

在此示例中，我们使用 JavaScript String trim（）方法删除字符串 “Hello World！” 两端的空格。

<html>
<head>
<title>JavaScript String trim() Method</title>
</head>
<body>
<script>
	 	const str = " Hello World! ";
	 	document.write("原始字符串: ", str);
	 	document.write("<br>原始字符串的长度: ", str.length);
	 	document.write("<br>新字符串: ", str.trim());
	 	document.write("<br>新字符串的长度: ", str.trim().length);
</script> 	 	
</body>
</html>

输出

执行完上述程序后，它修剪了两端的空格，并返回一个新字符串 “Hello World！”。

原始字符串: Hello World!
原始字符串的长度: 14
新字符串: Hello World!
新字符串的长度: 12

示例 3

让我们看看 JavaScript String 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 = "用户名不能为空。。。！";
	 	 	 }
	 	 	 else if(psw.trim().length == 0){
	 	 	 	 	msg.innerHTML = "密码不能为空。。。！";
	 	 	 }
	 	 	 else{
	 	 	 	 	msg.innerHTML = "提交成功。。。！";
	 	 	 }
	 	 }
</script> 	 	
</body>
</html>

输出

该程序在屏幕的左上角显示一个 UI。它有两个用户名和密码输入字段，以及一个按钮。如果字段为空且单击了按钮，则按钮附近会显示一些错误消息。

<< JavaScript String split() 方法 JavaScript String trimEnd() 方法 >>