• 技术文章 >web前端 >js教程

    JavaScript去除空格的三种方法

    高洛峰高洛峰2016-11-25 11:53:53原创895
    方法一:
    个人认为最好的方法.采用的是正则表达式,这是最核心的原理.
    其次.这个方法使用了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>


    下面来我们来看看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));

    }


    方法三:
    这个方法将函数写在一起,通过传递参数不同而达到不同的实现效果
    <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
    }

    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>

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:JavaScript
    上一篇:使用gulp进行ES6的转码 下一篇:js空心图形快速画法
    php培训_php实战培训【立即报名】-php中文网第20期

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一篇搞定JavaScript DOM详细操作• 深入聊聊JavaScript• JavaScript迭代器知识点总结• 11个可以提升效率的chrome调试技巧• 简单了解JavaScript数据结构与算法之栈
    1/1

    PHP中文网