Javascript中实现trim()函数的两种方法


Posted in Javascript onFebruary 04, 2015

在JavaScript中我们需要用到trim的地方很多,但是JavaScript又没有独立的trim函数或者方法可以使用,所以我们需要自己写个trim函数来实现我们的目的。

方案一:

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

<script language=”javascript”>

/**

* 删除左右两端的空格

*/

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>

使用示例如下:
<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”>

/**

* 删除左右两端的空格

*/

function trim(str)

{

     return str.replace(/(^\s*)|(\s*$)/g, ”);

}

/**

* 删除左边的空格

*/

function ltrim(str)

{

     return str.replace(/(^\s*)/g,”);

}

/**

* 删除右边的空格

*/

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>
Javascript 相关文章推荐
什么是JavaScript
Aug 13 Javascript
jQuery 选择器理解
Mar 16 Javascript
解决jquery的.animate()函数在IE6下的问题
Dec 03 Javascript
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
Dec 10 Javascript
jquery实现图片裁剪思路及实现
Aug 16 Javascript
理解Javascript闭包
Nov 01 Javascript
深入理解vue中slot与slot-scope的具体使用
Jan 26 Javascript
vue.js或js实现中文A-Z排序的方法
Mar 08 Javascript
实例详解Node.js 函数
Jun 10 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 Javascript
vue-router beforeEach跳转路由验证用户登录状态
Dec 26 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
Jul 15 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 #Javascript
JavaScript检测实例属性, 原型属性
Feb 04 #Javascript
Jquery Ajax xmlhttp请求成功问题
Feb 04 #Javascript
js对字符的验证方法汇总
Feb 04 #Javascript
AngularJS内置指令
Feb 04 #Javascript
javascript内置对象操作详解
Feb 04 #Javascript
js判断文本框剩余可输入字数的方法
Feb 04 #Javascript
You might like
基于mysql的bbs设计(四)
2006/10/09 PHP
php 随机数的产生、页面跳转、件读写、文件重命名、switch语句
2009/08/07 PHP
php更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
基于php iconv函数的使用详解
2013/06/09 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
详解PHP PDO简单教程
2019/05/28 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
Prototype RegExp对象 学习
2009/07/19 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
2012/09/11 Javascript
IE6已终止操作问题的2种情况及解决
2014/04/23 Javascript
基于Jquery实现键盘按键监听
2014/05/11 Javascript
jQuery实现仿Google首页拖动效果的方法
2015/05/04 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
vue项目创建步骤及路由router
2020/01/14 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
[45:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第二场 6.2
2018/06/04 DOTA
python对字典进行排序实例
2014/09/25 Python
python机器学习理论与实战(四)逻辑回归
2018/01/19 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
python中嵌套函数的实操步骤
2019/02/27 Python
详解Python打包分发工具setuptools
2019/08/05 Python
python实现网站微信登录的示例代码
2019/09/18 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
Python基于httpx模块实现发送请求
2020/07/07 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
2014年办公室个人工作总结
2014/11/12 职场文书
2015年爱牙日活动总结
2015/03/23 职场文书
卫生主题班会
2015/08/14 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python