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 相关文章推荐
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
javascript中的循环语句for语句深入理解
Apr 04 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
jQuery Mobile操作HTML5的常用函数总结
May 17 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
vue2.0实战之基础入门(1)
Mar 27 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
Vue2.0+ElementUI实现表格翻页的实例
Oct 23 Javascript
JS判断数组四种实现方法详解
Jun 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
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
PHP模拟登陆163邮箱发邮件及获取通讯录列表的方法
2015/03/07 PHP
php中array_multisort对多维数组排序的方法
2020/06/21 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
javascript下操作css的float属性的特殊写法
2007/08/22 Javascript
Javascript 面向对象 继承
2010/05/13 Javascript
2010年最佳jQuery插件整理
2010/12/06 Javascript
event对象获取方法总结在google浏览器下测试
2013/11/03 Javascript
如何将php数组或者对象传递给javascript
2014/03/20 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
谈谈jQuery Ajax用法详解
2015/11/27 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
浅谈ElementUI中switch回调函数change的参数问题
2018/08/24 Javascript
QRCode.js二维码生成并能长按识别
2018/10/16 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
jQuery操作元素的内容和样式完整实例分析
2020/01/10 jQuery
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
关于Vue中$refs的探索浅析
2020/11/05 Javascript
Python中的字符串类型基本知识学习教程
2016/02/04 Python
django 发送手机验证码的示例代码
2018/04/25 Python
python实现飞机大战游戏
2020/10/26 Python
Python实现计算长方形面积(带参数函数demo)
2020/01/18 Python
办公室主任岗位职责
2013/11/08 职场文书
廉洁校园实施方案
2014/05/25 职场文书
网络营销策划方案
2014/06/04 职场文书
药店促销活动总结
2014/07/10 职场文书
2014年个人技术工作总结
2014/12/08 职场文书
项目备案申请报告
2015/05/15 职场文书
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android
Golang 入门 之url 包
2022/05/04 Golang
nginx访问报403错误的几种情况详解
2022/07/23 Servers