[转]JavaScript去除空格的三种方法

最新推荐文章于 2023-10-27 17:06:19 发布

RedPea

最新推荐文章于 2023-10-27 17:06:19 发布

阅读量712

点赞数

分类专栏：客户端代码资料文章标签： javascript function prototype button 正则表达式 input

客户端代码资料专栏收录该内容

6 篇文章 0 订阅

订阅专栏

方法一:最好的方法.采用的是正则表达式,这是最核心的原理.
其次.这个方法使用了JavaScript的prototype 属性

其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.
下面就来看看这个属性是怎么来用的.

引用内容

返回对象类型原型的引用。

objectName.prototype
objectName 参数是对象的名称。

说明
用 prototype 属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。

例如，要为 Array 对象添加返回数组中最大元素值的方法。要完成这一点，声明该函数，将它加入 Array.prototype，并使用它。

function array_max( ){
var i, max = this[0];
for (i = 1; i < this.length; i++)
{
if (max < this[i])
max = this[i];
}
return max;
}
Array.prototype.max = array_max;
var x = new Array(1, 2, 3, 4, 5, 6);
var y = x.max( );
该代码执行后，y 保存数组 x 中的最大值，或说 6。

所有 JScript 内部对象都有只读的 prototype 属性。可以象该例中那样为原型添加功能，但该对象不能被赋予不同的原型。然而，用户定义的对象可以被赋给新的原型。

本语言参考中每个内部对象的方法和属性列表指出哪些是对象原型的部分，哪些不是。

下面是代码原文

程序代码

<SCRIPT LANGUAGE="JavaScript">
<!--
//出处:网上搜集
//made by yaosansi 2005-12-02
//For more visit http://www.yaosansi.com
// Trim() , Ltrim() , RTrim()

String.prototype.Trim = function()
{
return this.replace(/(^/s*)|(/s*$)/g, "");
}

String.prototype.LTrim = function()
{
return this.replace(/(^/s*)/g, "");
}

String.prototype.RTrim = function()
{
return this.replace(/(/s*$)/g, "");
}

//-->
</SCRIPT>

使用方法见以下代码

HTML代码
--------------------------------------------------------------------------------------------------------------
<SCRIPT LANGUAGE="JavaScript"></SCRIPT><input type="text" value=" 前后都是空格 " id="space"><input type="button" value="去前后空格" οnclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.Trim();document.getElementById('space').select();""><input type="button" value="去前空格" οnclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.LTrim();document.getElementById('space').select();""><input type="button" value="去后空格" οnclick="javascript:document.getElementById('space').value="/document.getElementById('space').value.RTrim();document.getElementById('space').select();""><input type="button" value="还原" οnclick="javascript:document.getElementById('space').value=' 前后都是空格 ';"><a href="http://www.yaoasnsi.com" target="_blank">访问yaosansi.com</a>
--------------------------------------------------------------------------------------------------------------

下面来我们来看看Js脚本中"/s表示什么"

引用内容

/s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ /f/n/r/t/v]。

请紧记是小写的s

方法二:
由于使用方法简单,所以这里就不举例子了.

引用内容

//javascript去空格函数
function LTrim(str){ //去掉字符串的头空格
var i;
for(i=0;i if(str.charAt(i)!=" "&&str.charAt(i)!=" ") break;
}
str = str.substring(i,str.length);
return str;
}
function RTrim(str){
var i;
for(i=str.length-1;i>=0;i--){
if(str.charAt(i)!=" "&&str.charAt(i)!=" ") break;
}
str = str.substring(0,i+1);
return str;
}
function Trim(str){

return LTrim(RTrim(str));

}

方法三:
这个方法将函数写在一起,通过传递参数不同而达到不同的实现效果

引用内容

<HTML>
<HEAD>
<TITLE>JavaScript Trim Function</TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
//****************************************************************
// Description: sInputString 为输入字符串，iType为类型，分别为
// 0 - 去除前后空格; 1 - 去前导空格; 2 - 去尾部空格
//****************************************************************
function cTrim(sInputString,iType)
{
var sTmpStr = ' '
var i = -1

if(iType == 0 || iType == 1)
{
while(sTmpStr == ' ')
{
++i
sTmpStr = sInputString.substr(i,1)
}
sInputString = sInputString.substring(i)
}

if(iType == 0 || iType == 2)
{
sTmpStr = ' '
i = sInputString.length
while(sTmpStr == ' ')
{
--i
sTmpStr = sInputString.substr(i,1)
}
sInputString = sInputString.substring(0,i+1)
}
return sInputString
}
//-->
</SCRIPT>
</HEAD>

<BODY>
JavaScript中的字符串去除空格函数（自定义）:<br/>

<SCRIPT LANGUAGE=javascript>

</SCRIPT>

</BODY>
</HTML>

运行效果如下:

HTML代码
<HTML><HEAD><TITLE>JavaScript Trim Function</TITLE><SCRIPT LANGUAGE=javascript></SCRIPT></HEAD><BODY>JavaScript中的字符串去除空格函数（自定义）:<br/><SCRIPT LANGUAGE=javascript></SCRIPT></BODY></HTML>

转http://blog.csai.cn/

RedPea

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[转]JavaScript去除空格的三种方法

方法一:最好的方法.采用的是正则表达式,这是最核心的原理.其次.这个方法使用了JavaScript的prototype 属性其实你不使用这个属性一样可以用函数实现.但这样做后用起来比较方便.下面就来看看这个属性是怎么来用的. 引用内容返回对象类型原型的引用。objectName.prototypeobjectName 参数是对象的名称。说明用 prototype 属性提供对象的
复制链接

扫一扫