js trim() 去掉字符串首尾空格

  通常在表单验证,取输入框文本时都需要把取到的字符串首尾空格去掉。

  现在常用的浏览器版本已经原生支持了trim()方法,JQ很早的版本也实现了对该方法的支持。

  无聊时候可以关心下是怎么实现的,有时笔试面试也会问到,顺便复习下正则。

  

  去掉首尾空格+用正则,无非就是找到首尾匹配到的空格字符,然后把它/他们replace掉。明白大道理,却有条条大路通罗马。

  1.常规方法:正则分别匹配首、尾空格,然后去掉 

1 function trim(str){
2     return str.replace(/^\s\s*/, ‘‘).replace(/\s\s*$/, ‘‘);
3 }

  2.JQ版:这个正则方法的对象是str的全局,相对第一种,要慢一点,但长得好看啊

1 function trim(str){
2     return str.replace(/^\s+|\s+$/g, ‘‘);  
3 }

  3.终极版:回归最初的思路,仅仅用正则去掉首部的空格,找到尾部的第一个空格,用substring将其截取,避免用正则去全局查找替换,提高性能

 1 function trim(str){
 2     var str =   str.replace(/^\s+/, ‘‘), i = 0, l = str.length;
 3     for(;i<len,i++){
 4         if(/\s/.test(str.charAt(i))){
 5             str = str.substring(0, i+1);    //或 str.substr(0, i);
 6             break;
 7         }
 8     }
 9     return str;
10 }

  参考书籍:《JavaScript 框架设计》--司徒正美

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。