zl程序教程

您现在的位置是:首页 >  其它

当前栏目

jstrim函数去空格函数与正则集锦

函数 正则 空格 集锦
2023-06-13 09:14:14 时间
但是如果项目没有用到jQuery等框架的话,js本身又没有这样的函数,我们不得不自己写这样的函数,下面是函数的具体实现:
复制代码代码如下:

//供使用者调用
functiontrim(s){
returntrimRight(trimLeft(s));
}
//去掉左边的空白
functiontrimLeft(s){
if(s==null){
return"";
}
varwhitespace=newString("\t\n\r");
varstr=newString(s);
if(whitespace.indexOf(str.charAt(0))!=-1){
varj=0,i=str.length;
while(j<i&&whitespace.indexOf(str.charAt(j))!=-1){
j++;
}
str=str.substring(j,i);
}
returnstr;
}
//去掉右边的空白
functiontrimRight(s){
if(s==null)return"";
varwhitespace=newString("\t\n\r");
varstr=newString(s);
if(whitespace.indexOf(str.charAt(str.length-1))!=-1){
vari=str.length-1;
while(i>=0&&whitespace.indexOf(str.charAt(i))!=-1){
i--;
}
str=str.substring(0,i+1);
}
returnstr;
}

使用时只需调用trim函数即可。
下面是用正则的实现方法:
复制代码代码如下:

<SCRIPTLANGUAGE="JavaScript">
<!--
String.prototype.Trim=function()
{
returnthis.replace(/(^\s*)|(\s*$)/g,"");
}
String.prototype.LTrim=function()
{
returnthis.replace(/(^\s*)/g,"");
}
String.prototype.RTrim=function()
{
returnthis.replace(/(\s*$)/g,"");
}
//-->
</SCRIPT>
<inputtype="text"value="   前后都是空格  "id="space">
<inputtype="button"value="去前后空格"onclick="javascript:document.getElementById("space").value=document.getElementById("space").value.Trim();document.getElementById("space").select();">
<inputtype="button"value="去前空格"onclick="javascript:document.getElementById("space").value=document.getElementById("space").value.LTrim();document.getElementById("space").select();">
<inputtype="button"value="去后空格"onclick="javascript:document.getElementById("space").value=document.getElementById("space").value.RTrim();document.getElementById("space").select();">
<inputtype="button"value="还原"onclick="javascript:document.getElementById("space").value="   前后都是空格    ";">

上面的代码因为编辑器的问题,空格被替换了,所以大家请注意添加空格,测试。