JS trim去空格的最佳實務

剛好上次有同學提出疑問。剛好可以自測一下。先來看看老道在《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，這樣的Regex。多少架構在用呢。比如 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() 了。速度就不用說了，100 倍？哈哈哈。最後，方案如下：

複製代碼 代碼如下:if(!String.prototype.trim){
String.prototype.trim = function(){
return this.replace(/^\s+|\s+$/g, '');
}
}