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 相关文章推荐
网上应用的一个不错common.js脚本
Aug 08 Javascript
checkbox 复选框不能为空
Jul 11 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
Jun 14 Javascript
jQuery插件scroll实现无缝滚动效果
Apr 27 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
jquery.form.js异步提交表单详解
Apr 25 jQuery
vue resource post请求时遇到的坑
Oct 19 Javascript
Vue 中批量下载文件并打包的示例代码
Nov 20 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
Mar 01 Javascript
js DOM的事件常见操作实例详解
Dec 16 Javascript
javascript实现页面的实时时钟显示示例
Aug 06 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
这部好评如潮的动漫 知名梗频出 但是画风劝退很多人
2020/03/08 日漫
全国FM电台频率大全 - 15 山东省
2020/03/11 无线电
PHP将进程作为守护进程的方法
2015/03/19 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
PHP缓存工具XCache安装与使用方法详解
2018/04/09 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
推荐:极酷右键菜单
2006/11/29 Javascript
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
JavaScript编程开发中的五个实用小技巧
2010/07/22 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
深入了解JavaScript中的Symbol的使用方法
2015/07/28 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
js 概率计算(简单版)
2017/09/12 Javascript
vue 的keep-alive缓存功能的实现
2018/03/22 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
2018/09/04 jQuery
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
python异步实现定时任务和周期任务的方法
2019/06/29 Python
tensorboard显示空白的解决
2020/02/15 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
广州迈达威.net面试题目
2012/03/10 面试题
Delphi笔试题
2016/11/14 面试题
护士自我鉴定
2013/10/23 职场文书
学校安全检查制度
2014/01/27 职场文书
新闻传媒系求职信范文
2014/04/19 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
Vue全家桶入门基础教程
2021/05/14 Vue.js
Python中else的三种使用场景
2021/06/16 Python