JavaScript去除空格的三种方法

方法一:最好的方法.采用的是正则表达式,这是最核心的原理.
    其次.这个方法使用了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)
    max = this;
    }
    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">
    <!--
    //出处:网上搜集
    // 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">
    <!--
    //出处:网上搜集
    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>
    <input type="text" value="  前后都是空格    " id="space">
    <input type="button" value="去前后空格" /document.getElementById('space').value.Trim();document.getElementById('space').select();"">
    <input type="button" value="去前空格" /document.getElementById('space').value.LTrim();document.getElementById('space').select();"">
    <input type="button" value="去后空格" /document.getElementById('space').value.RTrim();document.getElementById('space').select();"">
    <input type="button" value="还原" >
    <a href=http://www.jzxue.com target="_blank">访问jzxue.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)!=" "&;amp;&;amp;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)!=" "&;amp;&;amp;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>
    <!--
    var sR0 = cTrim(" T e s t ",0)
    var sR1 = cTrim(" T e s t ",1)
    var sR2 = cTrim(" T e s t ",2)
    document.write("R0 = '"  sR0  "'<br/>")
    document.write("R1 = '"  sR1  "'<br/>")
    document.write("R2 = '"  sR2  "'<br/>")
    //-->
    </SCRIPT>
    </BODY>
    </HTML>

 感谢原创者的辛勤劳动,希望对您有所帮助,转载请注明原出处。
 您可能对 [javascript] 的这些文章也感兴趣:

JS中的eval和document.getElementById
js大全
JavaScript方法和技巧大全
几行代码轻松搞定网页的简繁转换
Mootools-1.2 学习笔记之基础操作
javascript cookies 存、取、删除实例
使用JavaScript检测浏览器的相关特性
FireFox 如何用Javascript 修改状态栏
javascript中的exec与match方法
Javascript代码混淆综合解决方案-Javascript在线混淆器