返回旧版| 微信建站| 建站之家论坛| 我要建站 | 建站学习 | 加入收藏
JavaScript教程当前位置:首页 > HTML教程 > JavaScript教程 > 正文

javascript的trim()函数的实现

发布时间:2013-09-10 23:01:00   来源:   点击:

   在JavaScript中我们需要用到trim的地方很多,但是JavaScript又没有独立的trim函数或者方法可以使用,所以我们需要自己写个trim函数来实现我们的目的
比如方法一:

  1. String.prototype.trimfunction(){   
  2.     // 用正则表达式将前后空格   
  3.     // 用空字符串替代。   
  4.     return this.replace(/(^s*)|(s*$)/g, "");   

方法二:

  1. function  trim(str){ 
  2.     for(var  i  =  0  ;  i<str.length  &&  str.charAt(i)=="  "  ;  i++  )  ; 
  3.     for(var  j  =str.length;  j>0  &&  str.charAt(j-1)=="  "  ;  j--)  ; 
  4.     if(i>j)  return  "";   
  5.     return  str.substring(i,j);   

  Javascript中S.replace(/(^s*)|(s*$)/g, "");的 (^s*)|(s*$) 是什么意思的?

   首先是把/(^s*)|(s*$)/g 替换为""
   然后,/.../g 里面的,是表示放置通配符的地方,g代表全局参数,(^s*)或者(s*$)都将被替换为""
   匹配首尾空白字符的正则表达式:^s*|s*$ 可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式


javascript内实现trim的方法

直接拷贝的话,空格可能出现问题,请仔细检查

  1. function   trim(str) 
  2. for(var   i   =   0   ;   i<str.length   &&   str.charAt(i)=="   "   ;   i++   )   ; 
  3. for(var   j   =str.length;   j>0   &&   str.charAt(j-1)=="   "   ;   j--)   ; 
  4. if(i>j)   return   "";   
  5. return   str.substring(i,j);   

方法二:

  1. //   增加一个名为   trim   的函数作为 
  2. //   String   构造函数的原型对象的一个方法。 
  3. String.prototype.trim   =   function() 
  4.          //   用正则表达式将前后空格 
  5.          //   用空字符串替代。 
  6.          return   this.replace(/(^s*)|(s*$)/g,   ""); 
  7.  
  8. //   有空格的字符串 
  9. var   s   =   "         我的长度         "
  10.  
  11. //   显示trim前长度 
  12. window.alert(s   +   "   trim前长度:   ("   +   s.length   +   ")"); 
  13.  
  14. //   删除前后空格 
  15. ss   =   s.trim(); 
  16. //   显示trim后长度 
  17. window.alert(s   +   "     trim后长度:("   +   s.length   +   ")"); 

方法3:

  1. //javascript中调用vbscript的函数,构造一个javascript版的trim 函数 
  2.  
  3. <html> 
  4. <head> 
  5. </head> 
  6. <body> 
  7.  
  8. <p> </p> 
  9. <script language=vbscript> 
  10. function VBTrimStr(temStr) 
  11. VBTrimStr=trim(temStr) 
  12. end function 
  13. </script> 
  14.  
  15. <script language=javascript> 
  16. function TrimStr(temStr){ 
  17. return VBTrimStr(temStr) 
  18. }  
  19. </script> 
  20. <form name=fmTest> 
  21. <input type=text name=txtTest> 
  22. <input type=button name=btnOk value=ok> 
  23. </form> 
  24. <script language=javascript for=btnOk event=onclick> 
  25. var getStr=document.fmTest.txtTest.value 
  26. alert("*" + getStr + "*") 
  27. getStr=TrimStr(getStr) 
  28. alert("*" + getStr + "*") 
  29. </script> 
  30. </body> 
  31. </html> 

 
 Javascript Trim Member Functions
Use the code below to make trim a method of all Strings. These are useful to place in a global Javascript file included by all your pages.

 

String.prototype.trim = function() {return this.replace(/^s+|s+$/g,"");}
String.prototype.ltrim = function() {return this.replace(/^s+/,"");}
String.prototype.rtrim = function() {return this.replace(/s+$/,"");}
// example of using trim, ltrim, and rtrimvar myString = " hello my name is ";
alert("*"+myString.trim()+"*");
alert("*"+myString.ltrim()+"*");
alert("*"+myString.rtrim()+"*");


Javascript Trim Stand-Alone Functions
If you prefer not to modify the string prototype, then you can use the stand-alone functions below.

function trim(stringToTrim) {return stringToTrim.replace(/^s+|s+$/g,"");}
function ltrim(stringToTrim) {return stringToTrim.replace(/^s+/,"");}
function rtrim(stringToTrim) {return stringToTrim.replace(/s+$/,"");}
// example of using trim, ltrim, and rtrimvar myString = " hello my name is ";
alert("*"+trim(myString)+"*");
alert("*"+ltrim(myString)+"*");
alert("*"+rtrim(myString)+"*");

 

版权所有:郑州腾石网络科技有限公司 备案信息:豫ICP备18019117号
站长QQ:2863868475 业务合作咨询:15137100750(同微信)
本站所有投放的广告是有其他网站提供,不代表本站立场,同时网站首页广告位对外出租详情咨询本站站长!同时欢迎广大站长加入个人建站团队
  • 建站客服
  • CMS仿站
  • CMS学习
  • 技术交流群:336572814