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动态方法调用与参数修改的问题
Dec 10 Javascript
使用jquery解析XML示例代码
Sep 05 Javascript
jQuery原生的动画效果
Jul 10 Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
关于vue面试题汇总
Mar 20 Javascript
vue组件挂载到全局方法的示例代码
Aug 02 Javascript
vue-router传参用法详解
Jan 19 Javascript
微信小程序实现多个按钮的颜色状态转换
Feb 15 Javascript
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
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控制网页过期时间的代码
2008/09/28 PHP
php csv操作类代码
2009/12/14 PHP
PHP中图片等比缩放的实例
2013/03/24 PHP
php警告Creating default object from empty value 问题的解决方法
2014/04/02 PHP
利用php下载xls文件(自己动手写的)
2014/04/18 PHP
学习PHP Cookie处理函数
2016/08/09 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
Apply an AutoFormat to an Excel Spreadsheet
2007/06/12 Javascript
javascript事件问题
2009/09/05 Javascript
javascript设计模式 接口介绍
2012/07/24 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
Jquery实现的角色左右选择特效
2014/05/21 Javascript
JavaScript之Object类型介绍
2015/04/01 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
微信小程序之GET请求的实例详解
2017/09/29 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
2017/12/27 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
深入了解Vue动态组件和异步组件
2021/01/26 Vue.js
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
以一个投票程序的实例来讲解Python的Django框架使用
2016/02/18 Python
Python 3.x 连接数据库示例(pymysql 方式)
2017/01/19 Python
python实现逐个读取txt字符并修改
2018/12/24 Python
python安装numpy和pandas的方法步骤
2019/05/27 Python
Python如何基于selenium实现自动登录博客园
2019/12/16 Python
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
为什么需要版本控制?
2013/08/08 面试题
公司感谢信范文
2015/01/22 职场文书
党务工作者主要事迹材料
2015/11/03 职场文书