Javascript中各种trim的实现详细解析

 更新时间:2013年12月10日 08:55:54   作者:  
这篇文章主要是对Javascript中各种trim的实现进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
这是lgzx公司的一道面试题,要求给js的String添加一个方法,去除字符串两旁的空白字符(包括空格、制表符、换页符等)。
复制代码 代码如下:

String.prototype.trim = function() {
    //return this.replace(/[(^\s+)(\s+$)]/g,"");//會把字符串中間的空白符也去掉
    //return this.replace(/^\s+|\s+$/g,""); //
    return this.replace(/^\s+/g,"").replace(/\s+$/g,"");
}

JQuery1.4.2,Mootools 使用 
复制代码 代码如下:

function trim1(str){
    return str.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');
}

jQuery1.4.3,Prototype 使用,该方式去掉g以稍稍提高性能 在小规模的处理字符串时性能较好
复制代码 代码如下:

function trim2(str){
    return str.replace(/^(\s|\u00A0)+/,'').replace(/(\s|\u00A0)+$/,'');
}

Steven Levithan 在进行性能测试后提出了在JS中执行速度最快的裁剪字符串方式,在处理长字符串时性能较好
复制代码 代码如下:

function trim3(str){
    str = str.replace(/^(\s|\u00A0)+/,'');
    for(var i=str.length-1; i>=0; i--){
        if(/\S/.test(str.charAt(i))){
            str = str.substring(0, i+1);
            break;
        }
    }
    return str;
}

最后需要提到的是 ECMA-262(V5) 中给String添加了原生的trim方法(15.5.4.20)。此外Molliza Gecko 1.9.1引擎中还给String添加了trimLeft ,trimRight 方法。

相关文章

  • JavaScript插入动态样式实现代码

    JavaScript插入动态样式实现代码

    能够把CSS样式包含到HTML页面中的元素有两个。其中,<link>元素用于包含来自外部的文件,而<style>元素用于指定嵌入的样式
    2012-02-02
  • 一文秒懂JavaScript构造函数、实例、原型对象以及原型链

    一文秒懂JavaScript构造函数、实例、原型对象以及原型链

    这篇文章主要介绍了一文秒懂JavaScript构造函数、实例、原型对象以及原型链的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • 使用post方法实现json往返传输数据的方法

    使用post方法实现json往返传输数据的方法

    今天小编就为大家分享一篇关于使用post方法实现json往返传输数据的方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • echarts实现中国地图下钻进入下一级(地图钻取)

    echarts实现中国地图下钻进入下一级(地图钻取)

    最近在学习echarts,今天就来介绍一下echarts实现中国地图下钻进入下一级,具有一定的参考价值,感兴趣的可以了解一下
    2023-08-08
  • JavaScript实现鼠标悬浮页面切换效果

    JavaScript实现鼠标悬浮页面切换效果

    这篇文章主要为大家详细介绍了JavaScript实现鼠标悬浮页面切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • js随机生成26个大小写字母

    js随机生成26个大小写字母

    这篇文章主要为大家详细介绍了javascript随机生成26个大小写字母,感兴趣的朋友可以参考一下
    2016-02-02
  • JavaScript实现滑块验证案例

    JavaScript实现滑块验证案例

    这篇文章主要为大家详细介绍了JavaScript实现滑块验证案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • JS实现长图上下滚动效果

    JS实现长图上下滚动效果

    这篇文章主要为大家详细介绍了JS实现长图上下滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • xml分页+ajax请求数据源+dom取结果实例代码

    xml分页+ajax请求数据源+dom取结果实例代码

    最近做的一个项目里的某个小功能,主要是为了方便选择数据 演示地址:由于有恶意程序,所以去掉地址
    2008-10-10
  • JS开发自己的类库实例分析

    JS开发自己的类库实例分析

    这篇文章主要介绍了JS开发自己的类库,结合实例形式分析了javascript开发类库的原理、组成及实现方法,需要的朋友可以参考下
    2019-08-08

最新评论