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 相关文章推荐
对YUI扩展的Gird组件 Part-1
Mar 10 Javascript
eclipse如何忽略js文件报错(附图)
Oct 30 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
Dec 17 Javascript
那些精彩的JavaScript代码片段
Jan 12 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 Javascript
JS数组操作之增删改查的简单实现
Aug 21 Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 Javascript
webpack中的热刷新与热加载的区别
Apr 09 Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 Javascript
Javascript如何实现扩充基本类型
Aug 26 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
cmd下运行php脚本
2008/11/25 PHP
php下删除一篇文章生成的多个静态页面
2010/08/08 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
深入浅析yii2-gii自定义模板的方法
2016/04/26 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
jQuery中next()方法用法实例
2015/01/07 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
微信公众号 摇一摇周边功能开发
2016/12/08 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
[01:43]3.19DOTA2发布会 三代刀塔人第三代
2014/03/25 DOTA
Python and、or以及and-or语法总结
2015/04/14 Python
详解Python中的type()方法的使用
2015/05/21 Python
Python在Console下显示文本进度条的方法
2016/02/14 Python
Python中的连接符(+、+=)示例详解
2017/01/13 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
python手机号前7位归属地爬虫代码实例
2020/03/31 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
意大利综合购物网站:Giordano Shop
2016/10/21 全球购物
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
化工专业个人的求职信范文
2013/11/28 职场文书
善意的谎言事例
2014/02/15 职场文书
关于安全的标语
2014/06/10 职场文书
企业标语口号
2014/06/10 职场文书
企业标语大全
2014/07/01 职场文书
工作检讨书500字
2014/10/19 职场文书
违纪检讨书
2015/01/27 职场文书
尼克胡哲观后感
2015/06/08 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书
MySQL中int (10) 和 int (11) 的区别
2022/01/22 MySQL