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 装载iframe子页面,自适应高度
Mar 20 Javascript
JavaScript的漂亮的代码片段
Jun 05 Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
控制台报错object is not a function的解决方法
Aug 24 Javascript
JQuery中DOM事件合成用法实例分析
Jun 13 Javascript
封装属于自己的JS组件
Jan 27 Javascript
Immutable 在 JavaScript 中的应用
May 02 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
js图片上传前预览功能(兼容所有浏览器)
Aug 24 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
Dec 05 Javascript
JavaScript函数柯里化实现原理及过程
Dec 02 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
外媒评选出10支2020年最受欢迎的Dota2战队
2021/03/05 DOTA
php产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
php环境下利用session防止页面重复刷新的具体实现
2014/01/09 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
符合W3C网页标准的iframe标签的使用方法
2007/07/19 Javascript
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
基于jquery的一个简单的脚本验证插件
2010/04/05 Javascript
Javascript中的delete介绍
2012/09/02 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
js实现连个数字相加而不是拼接的方法
2014/02/23 Javascript
js实现ifram取父窗口URL地址的方法
2015/02/09 Javascript
使用控制台破解百小度一个月只准改一次名字
2015/08/13 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
原生JS实现前端本地文件上传
2018/09/08 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
详解Python进程间通信之命名管道
2017/08/28 Python
Python 确定多项式拟合/回归的阶数实例
2018/12/29 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
python 通过文件夹导入包的操作
2020/06/01 Python
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
HTML5 解析规则分析
2009/08/14 HTML / CSS
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
梅西酒窖:Macy’s Wine Cellar
2018/01/07 全球购物
Wiggle澳大利亚:自行车、跑步、游泳商店
2020/11/07 全球购物
文秘档案管理岗位职责
2014/03/06 职场文书
建议书怎么写
2014/03/12 职场文书
公司晚会策划方案
2014/05/17 职场文书
父亲婚礼答谢词
2015/01/04 职场文书