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 相关文章推荐
使用js判断数组中是否包含某一元素(类似于php中的in_array())
Dec 12 Javascript
javascript中bind函数的作用实例介绍
Sep 28 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
Dec 13 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
Sep 21 Javascript
Vue项目实现简单的权限控制管理功能
Jul 17 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
Jun 01 Javascript
详解Vue.js 响应接口
Jul 04 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 Javascript
最新最全的手机号验证正则表达式
Feb 24 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下连接mssql2005的代码
2011/01/17 PHP
js的闭包的一个示例说明
2008/11/18 Javascript
锋利的jQuery 第三章章节总结的例子
2010/03/23 Javascript
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
JavaScript中的anchor()方法使用详解
2015/06/08 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
基于Angularjs实现分页功能
2016/05/30 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
原生js实现可拖拽效果
2017/02/28 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
vue通过过滤器实现数据格式化
2020/07/20 Javascript
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
复习Python中的字符串知识点
2015/04/14 Python
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
Python输出9*9乘法表的方法
2015/05/25 Python
Python中字典的基础知识归纳小结
2015/08/19 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
Tensorflow使用tfrecord输入数据格式
2018/06/19 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
python求一个字符串的所有排列的实现方法
2020/02/04 Python
python中with用法讲解
2020/02/07 Python
菲律宾票务网站:StubHub菲律宾
2018/04/21 全球购物
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
市场营销专业推荐信
2013/11/03 职场文书
书香校园建设方案
2014/05/02 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书
创业计划书之酒厂
2019/10/14 职场文书
HTML中的表单Form实现居中效果
2021/05/25 HTML / CSS
JAVA SpringMVC实现自定义拦截器
2022/03/16 Python
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python