裁剪字符串trim()自定義改進(jìn)版
ECMAScript5已經(jīng)為字符串定義了原生的trim方法。這個方法可能比會比本文的任何版本的都要快。建議在支持的瀏覽器中使用原生函數(shù)。下面講述的是自定義trim()函數(shù)遇到的問題，改進(jìn)的過程。功夫在不斷淬煉中才能醇正。
JavaScript中沒有用于移除字符串頭尾空白的原生修剪方法。最常見的自定義trim()函數(shù)實(shí)現(xiàn)如下所示：
function trim(text) {
return text.replace(/^\s+|\s+$/g, ‘');
}
這種實(shí)現(xiàn)使用一個正則表達(dá)式匹配字符串開頭和結(jié)尾的一或多個空白字符。replace()方法用空字符串替換所有匹配的部分。
然而這個實(shí)現(xiàn)方式有個基于正則表達(dá)式的性能問題，這種影響來自兩個方面：一方面是指明有兩個匹配模式的管道運(yùn)算符，另一方面是指明全局應(yīng)用該模式的g標(biāo)記。
考慮到這些，可以將正則表達(dá)式一分為二并去掉g標(biāo)記來重寫該函數(shù)，稍稍提高它的速度。
function trim(text) {
return text.replace(/^\s+/, ‘').replace(/\s+$/, ‘');
}
另一個改進(jìn)的版本。保證正則表達(dá)式盡可能地簡單。
function trim(text) {
//刪除字符串的頭部空白
text = text.replace(/^\s+/, ‘');
// 循環(huán)清除尾部空白
for(var i=text.length; i--; ) {
if(/\S/.test(text.charAt(i))) { // \S 非空白字符
text = text.substring(0, i+1);
break;
}
}
return text;
}
使用建議：第2個trim()函數(shù)在小規(guī)模處理短字符串時性能還是好的。而第3個trim函數(shù)在處理長字符串時明顯更快。
題外話：簡單的裁剪字符串首尾空白字符函數(shù)，引發(fā)了對正則表達(dá)式的性能問題的考慮并實(shí)現(xiàn)規(guī)避性能問題的方法。技術(shù)追求完美，只能在實(shí)踐中前行。
相關(guān)文章
JavaScript基礎(chǔ)心法 深淺拷貝(淺拷貝和深拷貝)
淺拷貝和深拷貝都是對于JS中的引用類型而言的，淺拷貝就只是復(fù)制對象的引用，如果拷貝后的對象發(fā)生變化，原對象也會發(fā)生變化。只有深拷貝才是真正地對對象的拷貝2018-03-03
如果想用javascript獲取一個元素的樣式信息，首先想到的應(yīng)該是元素的style屬性,下面我們看看javascript如何獲取元素CSS樣式2013-11-11
今天看了點(diǎn)js語言結(jié)構(gòu)的一部分，我將我比較感興趣地記錄如下,想學(xué)習(xí)js的朋友可以看下。2011-09-09
js基礎(chǔ)知識（公有方法、私有方法、特權(quán)方法）
javascript document.execCommand() 常用解析
JavaScript中setFullYear()方法的使用詳解
推薦JavaScript實(shí)現(xiàn)繼承的最佳方式