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

转载于:https://www.cnblogs.com/MiCoo/p/4029487.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值