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队列函数和异步执行详解

    这篇文章主要为大家详细介绍了JavaScript队列函数和异步执行的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 如何用JS实现网页瀑布流布局

    如何用JS实现网页瀑布流布局

    这篇文章主要介绍了如何用JS实现网页瀑布流布局,帮助大家更好的利用JavaScript制作网页,感兴趣的朋友可以了解下
    2021-04-04
  • 详解基于DllPlugin和DllReferencePlugin的webpack构建优化

    详解基于DllPlugin和DllReferencePlugin的webpack构建优化

    这篇文章主要介绍了详解基于DllPlugin和DllReferencePlugin的webpack构建优化,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • JavaScript日期格式化技巧分享

    JavaScript日期格式化技巧分享

    在 JavaScript 中,日期和时间的处理与格式化是非常常见的需求,JavaScript 提供了内置的 Date 对象用于操作日期和时间,但它的格式化功能较为有限,为了更方便地格式化日期,通常需要结合一些额外的工具或库,本文涵盖了从基础到进阶的日期格式化技巧
    2024-10-10
  • javascript实现简易计算器功能

    javascript实现简易计算器功能

    这篇文章主要为大家详细介绍了javascript实现简易计算器功能,实现四则运算,小数点,回退,归0等功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • js编写简单的聊天室功能

    js编写简单的聊天室功能

    这篇文章主要为大家详细介绍了js编写简单的聊天室功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • document.designMode的功能与使用方法介绍

    document.designMode的功能与使用方法介绍

    document.designMode的功能与使用方法介绍...
    2007-11-11
  • 初探js和简单隐藏效果的实例

    初探js和简单隐藏效果的实例

    下面小编就为大家分享一篇初探js和简单隐藏效果的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-11-11
  • 使用js实现雪花飘落效果

    使用js实现雪花飘落效果

    以下是对使用js实现雪花飘落的效果进行了介绍。需要的朋友可以 过来参考下
    2013-08-08
  • js中的事件委托或是事件代理使用详解

    js中的事件委托或是事件代理使用详解

    这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的,需要的朋友可以参考下
    2017-06-06

最新评论