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 相关文章推荐
Jquery Change与bind事件代码
Sep 29 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
Nov 14 Javascript
qTip2 精致的基于jQuery提示信息插件
Feb 17 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
JavaScript中的迭代器和生成器详解
Oct 29 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
Jun 22 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
微信小程序 css使用技巧总结
Jan 09 Javascript
JS几个常用的函数和对象定义与用法示例
Jan 15 Javascript
react PropTypes校验传递的值操作示例
Apr 28 Javascript
Vue实现返回顶部按钮实例代码
Oct 21 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
如何在PHP中使用Oracle数据库(5)
2006/10/09 PHP
用PHP的ob_start();控制您的浏览器cache!
2006/11/25 PHP
PHP中的cookie
2006/11/26 PHP
php 验证码(倾斜,正弦干扰线,黏贴,旋转)
2013/06/29 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
Chrome中JSON.parse的特殊实现
2011/01/12 Javascript
jQuery JSON的解析方式分享
2011/04/05 Javascript
javascript实现页面滚屏效果
2017/01/17 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
Angular.JS通过指令操作DOM的方法
2017/05/10 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
记一次webpack3升级webpack4的踩坑经历
2018/06/12 Javascript
Vue 中的受控与非受控组件的实现
2018/12/17 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
微信小程序激励式视频广告组件使用详解
2019/12/06 Javascript
Jquery如何使用animation动画效果改变背景色的代码
2020/07/20 jQuery
小程序点餐界面添加购物车左右摆动动画
2020/09/23 Javascript
[57:12]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第一场 10.31
2020/11/02 DOTA
零基础写python爬虫之使用urllib2组件抓取网页内容
2014/11/04 Python
Python多继承原理与用法示例
2018/08/23 Python
python Pillow图像处理方法汇总
2019/10/16 Python
使用Python测试Ping主机IP和某端口是否开放的实例
2019/12/17 Python
解决python脚本中error: unrecognized arguments: True错误
2020/04/20 Python
Python 实现敏感目录扫描的示例代码
2020/05/21 Python
python3排序的实例方法
2020/10/20 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
Gap加拿大官网:Gap Canada
2017/08/24 全球购物
关于递归的一道.NET面试题
2013/05/12 面试题
课堂教学改革实施方案
2014/03/17 职场文书
村居抓节水倡议书
2014/05/19 职场文书
“三支一扶”支教教师思想汇报
2014/09/13 职场文书
个人委托书范本
2014/09/13 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书
详解Python类和对象内容
2021/06/22 Python
一文搞懂Java中的注解和反射
2022/06/21 Java/Android