ES新增字符串trim() 方法的作用及应用场景

一些必要掌握的字符串的方法


前言

提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。


提示:以下是本篇文章正文内容,下面案例可供参考


trim( )

  • trim()方法会从一个字符串的两端删除空白字符
  • trim()方法并不影响原字符串本身,它返回的是一个新的字符串

提示:该方法常用于项目开发中,用户名的注册、密码输入等去除字符串两边的空格。

	str.trim()

示例:
数组str两遍有空格,定义新数组str2使用trim()方法,去除字符串两边的空格

	// trim 方法取出字符串两边的空格
	let str = "     str.trim()去除两边的空格     ";
	console.log(str)
	let str2 = str.trim();
	console.log(str2)

执行结果:
ES新增字符串trim() 方法的作用及应用场景
在输入框中的应用:
实例:

	<input type="text"><button>点击</button>
	<p></p>
	let input = document.querySelector('input'),
		btn = document.querySelector('button'),
		p = document.querySelector('p');
	btn.onclick = function () {
		var str = input.value.trim();
		if (str === '') {
			// alert("输入内容为空!");
			console.log("输入内容为空!")
		} else {
			console.log("去除空格前的字符串:" + input.value)
			console.log("去除空格后的字符串:" + str)
 			console.log("去除空格前的字符串长度:" + input.value.length)
 			console.log("去除空格后的字符串长度:" + str.length)
			p.innerHTML = str;
		}
	};

操作: 输入“ 前面敲了空格,hhh”
ES新增字符串trim() 方法的作用及应用场景
ES新增字符串trim() 方法的作用及应用场景

以上脚本地址

总结

这里对文章进行总结:
该方法常用于项目开发中,用户名的注册、密码输入等去除字符串两边的空格。


提示:希望对你有所帮助!

转载请注明出处

上一篇:Acwing---143. 最大异或对(Java)_Trie树


下一篇:三、模板字面量之多行字符串