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对象的比较
Feb 26 Javascript
JS自调用匿名函数具体实现
Feb 11 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
vue中计算属性(computed)、methods和watched之间的区别
Jul 27 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
Sep 04 Javascript
微信小程序如何连接Java后台
Aug 08 Javascript
详解Vue3 Composition API中的提取和重用逻辑
Apr 29 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
windows xp下安装pear
2006/12/02 PHP
PHP页面间传递参数实例代码
2008/06/05 PHP
thinkphp循环结构用法实例
2014/11/24 PHP
javascript网页关键字高亮代码
2008/07/30 Javascript
jquery实现心算练习代码
2010/12/06 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
APP中javascript+css3实现下拉刷新效果
2016/01/27 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
JS 动态判断PC和手机浏览器实现代码
2016/09/21 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
使用pkg打包Node.js应用的方法步骤
2018/10/19 Javascript
浅谈Vue数据响应
2018/11/05 Javascript
浅析vue中的MVVM实现原理
2019/03/04 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
Python中使用ElementTree解析XML示例
2015/06/02 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
Python中defaultdict与lambda表达式用法实例小结
2018/04/09 Python
python调用外部程序的实操步骤
2019/03/04 Python
详解python数据结构和算法
2019/04/18 Python
python实现websocket的客户端压力测试
2019/06/25 Python
python队列原理及实现方法示例
2019/11/27 Python
Python中itertools的用法详解
2020/02/07 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
英国最大的体育&时尚零售公司:JD Sports
2017/12/13 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
平安校园建设方案
2014/05/02 职场文书
故意伤害辩护词
2015/05/21 职场文书
电影雷锋观后感
2015/06/10 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
《西门豹》教学反思
2016/02/23 职场文书