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的类型简单说明
Sep 03 Javascript
javascript数字格式化通用类 accounting.js使用
Aug 24 Javascript
jQuery操作表格(table)的常用方法、技巧汇总
Apr 12 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
微信小程序保存图片到相册权限设置
Apr 09 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
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实现发送微信模板消息的方法
2015/03/07 PHP
PHP-FPM之Chroot执行环境详解
2015/08/03 PHP
PHP中substr函数字符串截取用法分析
2016/01/07 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
PHP实现抽奖功能实例代码
2020/06/30 PHP
ExtJs扩展之GroupPropertyGrid代码
2010/03/05 Javascript
javascript的offset、client、scroll使用方法详解
2012/12/25 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
2015/02/04 Javascript
jquery右下角自动弹出可关闭的广告层
2015/05/08 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
Javascript 函数的四种调用模式
2016/11/05 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
swiper 自动图片无限轮播实现代码
2018/05/21 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
浅谈vue项目打包优化策略
2018/09/29 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
vue无限轮播插件代码实例
2019/05/10 Javascript
JS实现数据动态渲染的竖向步骤条
2020/06/24 Javascript
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
说一说Python logging
2016/04/15 Python
Zookeeper接口kazoo实例解析
2018/01/22 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
HTML5 SEO优化的一些建议
2020/08/27 HTML / CSS
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
贺卡寄语大全
2014/04/11 职场文书
2014年教研室工作总结
2014/12/06 职场文书
医生个人年终总结
2015/02/28 职场文书