JS trim去空格的最佳实践_javascript技巧-js教程-PHP中文网

JS trim去空格的最佳实践_javascript技巧

php中文网

发布： 2016-05-16 18:00:04

原创

1335人浏览过

刚好上次有同学提出疑问。刚好可以自测一下。先来看看老道在《JavaScript 精粹》P33 写的吧。他对 String 对象扩展了一个 trim() 方法：

 
Function.prototype.method = function(name, func) { 
this.prototype[name] = func; 
return this; 
}; 

String.method('trim', function() { 
return this.replace(/^\s+|\s+$/g, ''); 
}); 

熟悉吧，/^\s+|\s+$/g，这样的正则表达式。多少框架在用呢。比如 jQuery 的 trimLeft, trimRight：

复制代码代码如下:

 
// Used for trimming whitespace 
trimLeft = /^\s+/, 
trimRight = /\s+$/, 

这是最佳实践么？但我们框架使用的不是这种方法(暂且称为半正则方法)。上次在其他产品组在内部 PK 的时候，说过，为什么我们框架要用下面这样的方法来实现 trim()，而不是用上面的那种。

复制代码代码如下:

 
trim: function(){ 
var str = this.str.replace(/^\s+/,''); 
for(var i= str.length - 1; i >= 0; i--){ 
if(/\S/.test(str.charAt(i))){ 
str = str.substring(0,i+1); 
break; 
} 
} 
return str; 
} 

原因工友已经说了，因为正则的反向匹配比较慢。我对其性能进行了对比。综合速度和写法上来说，个人还是偏向于第一种写法。因为速度其实相差很少很少。从代码来说第二种比较晦涩并且并字节很多，这对于一个流量很高但需要用 trim() 很少的网站来说，第一种明显比较合适，看看下面的测试结果(自已测试，猛击这里)：

trim

钉钉 AI 助理

钉钉AI助理汇集了钉钉AI产品能力，帮助企业迈入智能新时代。

204

查看详情

啊？原来不是半正则的方式最快啊？是的，其实很多高级浏览器中已经默认提供 trim() 了。速度就不用说了，100 倍？哈哈哈。最后，方案如下：

复制代码代码如下:

 
if(!String.prototype.trim){ 
String.prototype.trim = function(){ 
return this.replace(/^\s+|\s+$/g, ''); 
} 
} 

大家都在看：

javascript如何操作表单_如何获取和验证用户输入 JavaScript字符串处理方法_JavaScript文本操作技巧 JavaScript字符串操作_javascript文本处理 JavaScript函数组合_管道操作符使用场景 JavaScript函数组合_柯里化与管道操作符技巧