首 页IT知识库翔宇问吧收藏内容
当前位置:翔宇亭IT乐园IT知识库WEBJavascript

在JavaScript中实现Trim的功能

减小字体 增大字体 作者:佚名  来源:转载  发布时间:2010-11-30 16:30:37

有时,我们想在JavaScript中也想实现类似其它程序中的Trim函数的功能,下面通过正则表达式达到相关的功能。

方案一:

以原型方式调用,即obj.trim()形式,此方式简单且使用方面广泛,定义方式如下:

<script language=”javascript”>
          /**
           * 删除左右两端的空ge
          */
         String.prototype.trim=function()
         {
                  return this.replace(/(^\s*)|(\s*$)/g, ”);
         }
         /**
         * 删除左边的空ge
         */
         String.prototype.ltrim=function()
         {
                  return this.replace(/(^\s*)/g,”);
         }
         /**
         * 删除右边的空ge
         */
         String.prototype.rtrim=function()
         {
                  return this.replace(/(\s*$)/g,”);
         }
         </script>

使用示例如下:

<script type=”text/javascript”>
         alert(document.getElementById(’abc’).value.trim());
         alert(document.getElementById(’abc’).value.ltrim());
         alert(document.getElementById(’abc’).value.rtrim());
         </script>

方案二:

以工具方式调用,即trim(obj)的形式,此方式可以用于特殊处理需要,定义方式如下:

<script type=”text/javascript”>
         /**
         * 删除左右两端的空ge
         */
         function trim(str)
         {
                  return str.replace(/(^\s*)|(\s*$)/g, ”);
         }
         /**
         * 删除左边的空ge
         */
         function ltrim(str)
         {
                  return str.replace(/(^\s*)/g,”);
         }
         /**
         * 删除右边的空ge
         */
         function rtrim(str)
         {
                  return str.replace(/(\s*$)/g,”);
         }
         </script>

使用示例如下:

<script type=”text/javascript”>
         alert(trim(document.getElementById(’abc’).value));
         alert(ltrim(document.getElementById(’abc’).value));
         alert(rtrim(document.getElementById(’abc’).value));
         </script>

原文地址:http://yh7272hy.blog.163.com/blog/static/2365677720101024244423/


本文源自:翔宇亭——IT乐园(http://www.biye5u.com),转载请保留此信息!

微信搜索“优雅的代码”关注本站的公众号,或直接使用微信扫描下面二维码关注本站公众号,以获取最新内容。

个人成长离不开各位的关注,你的关注就是我继续前行的动力。

知识评论评论内容只代表网友观点,与本站立场无关!

   评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
愿您的精彩评论引起共鸣,带来思考和价值。
用户名: 查看更多评论
分 值:100分 90分 80分 70分 60分 40分 20分
内 容:
验证码:
关于本站 | 网站帮助 | 广告合作 | 网站声明 | 友情连接 | 网站地图
本站部分内容来自互联网,如有侵权,请来信告之,谢谢!
Copyright © 2007-2023 biye5u.com. All Rights Reserved.