JavaScript中trim 方法實現

標籤：javascript   trim   prototype   replace   Regex   

    Java中的 String 類有個trim() 可以刪除字串前後的空格字元，jQuery中也有trim()方法可以刪除字元變數前後的字串。但是JavaScript中卻沒有相應的trim() 方法，幸好，JavaScript中有Regex，String 對象有replace() 方法，利用JavaScript的正則和replace方法來達到trim() 方法的效果。

    接下來介紹兩種方法，其實兩種方法大同小異。都是在String 對象的prototype屬性上進行trim()方法的定義，並提供實現，實現後，便可以通過String對象名.trim()來刪除字串前後的空格字元了。

String.prototype.trim = function() {    // TODO}

method1 前後空格字元分別替換

   

    JavaScript的String 對象有replace方法，可以對String 對象中的字元進行替換，這裡我們利用String 對象的replace方法，對前後的Null 字元串分別替換，達到整體的刪除Null 字元串的效果。

String.prototype.trim = function(){return this.replace(/^\s+/, "").replace(/\s+$/, "");}var sTest1 = "   this is a test sentence.    ";alert(sTest1.trim());

    解釋下trim() 方法的具體方法體

        this 在方法內代表的是當前對象

        this後面的第一個replace刪除的是字串前面的空格字元

        其中 /^\s+/ 表示的是開頭的1到多個空格字元，這個正則是Perl風格的

        也可以用RegExp對象替換，可以修改為

var regObj = new RegExp("^\\s+");return this.replace(regObj, "").replace(/\s+$/, "");

   

    這裡我們只是將匹配前面空格字元的Regex方式修改了

          同樣也可以替換掉後面的正則方式，最後的代碼為

var regObj1 = new RegExp("^\\s+");var regObj2 = new RegExp("\\s+$");return this.replace(regObj1, "").replace(regObj2, "");

method2 前後空格整體替換

   

    整體替換方式與前面的分別替換大同小異，前面是兩次replace，用兩個正則來分別匹配前面和後面的空格字元，整體替換時，用一個Regex，來替換掉前面的空格字元。

String.prototype.trim = function(){return this.replace(/^\s+(.*?)\s+$/, "$1");}var sTest2 = "   this is a new sentence.    ";alert(sTest2.trim());

    這裡return this.replace(/^\s+(.*?)\s+$/, "$1");

    使用一個正則/^\s+(.*?)\s+$/匹配了前後的空格字元，後面的$1為Regex反向引用的結果

    $1 就代表(.*?) 的值，即刪除前後空格的要返回的字串。

 

    這裡的正則方式也可以修改為RegExp 的方式，這裡我就不修改了。

 

    上面介紹的兩種方法，都是通過給String 對象的prototype 屬性上定義新的方法來完成的。

    這裡也可以不定義新的trim() 方法，直接通過方法體裡面的replace主體來達到刪除前後字串的效果。

 

JavaScript中trim 方法實現