首页 > 代码库 > js trim() 去掉字符串首尾空格

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 框架设计》--司徒正美

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