最近开发工作中需要用到清除字符串中的首尾空白符,发现之前老代码用的是jquery的trim写法:$.trim() ,然后突然想到ES6新增过trim()方法就是用来清除字符串首尾空白符。这方面也没有深入学习总结过,今天就来做个笔记:


功能用途

清除首尾空白符,清除开头空白符,清除末尾空白符,接下来分别用原生js和正则表达的方法实现这样的功能。


一.清除首尾空白符

ES6实现清除首尾空白符

str.trim()

正则表达式实现清除首尾空白符

function trim(val){
	return val.replace(/(^\s*)|(\s*$)/g, "");
}
trim(str)

二.清除开头空白符

ES6实现清除开头空白符

str.trimStart()

正则表达式实现清除开头空白符

function trimLeft(val){
	return val.replace(/(^\s*)/g, "");
}
trimLeft(str)

三.清除末尾空白符

ES6实现清除末尾空白符

str.trimEnd()

正则表达式实现清除末尾空白符

function trimRight(val){
	return val.replace(/(\s*$)/g, "");
}
trimRight(str)

以上就是清除首尾空白符号的方法了,其实es6之前都是用正则过滤掉,既然es6新增了这样便捷的api,我们还是直接用的好,4行代码直接优化成1行,看着都很舒服。