最近开发工作中需要用到清除字符串中的首尾空白符，发现之前老代码用的是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行，看着都很舒服。