javascript 实现trim的方法

Javascript中没有现成的trim()函数可以使用,可一用下面的自定义函数实现，通过更改正则表达式可一实现更多的功能。
 
//增加一个名为   trim   的函数作为
//   String   构造函数的原型对象的一个方法
String.prototype.trim   =   function()  
  {  
          // 用正则表达式将前后空格  
          // 用空字符串替代。  
          return   this.replace(/(^/s*)|(/s*$)/g,   "");  
  }  

程序分析如下:

首先是把/(^/s*)|(/s*$)/g 替换为""

然后,/.../g 里面的,是表示放置通配符的地方,g代表全局参数
(^/s*)或者(/s*$)都将被替换为""

匹配首尾空白字符的正则表达式：^/s*|/s*$

可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式 

 测试用例:

< html >
     < head >
         < title >
            测试JavaScript的trim方法
         </ title >
     </ head >
     < script > ...
        //测试一:测试指定的字符串
        String.prototype.trim= function()  
        ...{  
            // 用正则表达式将前后空格  
            // 用空字符串替代。  
            return this.replace(/(^s*)|(s*$)/g, "");  
        }
        // 有空格的字符串  
        var s = "    leading and trailing spaces     ";          
        // 显示 "    leading and trailing spaces     (35)"  
        window.alert(s + " (" + s.length + ")");                  
        // 删除前后空格  
        s = s.trim();  
        // 显示"leading and trailing spaces (27)"  
        window.alert(s + " (" + s.length + ")");        
        
        //测试二:测试用户输入的字符串
        function checkData()
        ...{
            String.prototype.trim= function()  
            ...{  
                // 用正则表达式将前后空格  
                // 用空字符串替代。  
                return this.replace(/(^s*)|(s*$)/g, "");  
            }
            var source = document.getElementById("source").value;
        
            alert("替换前:"+source+" " + "长度:"+source.length);
            source = source.trim();
            alert("替换后:"+source+" " + "长度:"+source.length);
        }
        
     </ script >

     < body >
         < form  >
             < table >
                 < tr >
                     < td > 要测试的字符串 </ td >
                     < td >
                         < input  type ="text"  ID ="source"  size ="33" >
                     </ td >
                 </ tr >
                 < tr >
                     < td  colspan ="2"  align ="center" >
                         < input  type ="button"  value ="测试"  onClick ="checkData()" >
                     </ td >
                 </ tr >                          
               </ table >
         </ form >         
     </ body >
</ html >