码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-10-16 22:44:33      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   ar   java   for   sp   div   

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

  现在常用的浏览器版本已经原生支持了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() 去掉字符串首尾空格

标签:style   blog   color   io   ar   java   for   sp   div   

原文地址:http://www.cnblogs.com/MiCoo/p/4029487.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!