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 相关文章推荐
JSDoc 介绍使用规范JsDoc的使用介绍
Feb 12 Javascript
jQueryUI写一个调整分类的拖放效果实现代码
May 10 Javascript
AngularJS中的Promise详细介绍及实例代码
Dec 13 Javascript
AngularJs表单校验功能实例代码
Feb 09 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
vue.js将时间戳转化为日期格式的实现代码
Jun 05 Javascript
vue集成chart.js的实现方法
Aug 20 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 Javascript
JavaScript Tab菜单实现过程解析
May 13 Javascript
JavaScript实现京东快递单号查询
Nov 30 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/04 星际争霸
解析dedeCMS验证码的实现代码
2013/06/07 PHP
PHP实现HTML生成PDF文件的方法
2014/11/07 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
Codeigniter检测表单post数据的方法
2015/03/21 PHP
php生成唯一数字id的方法汇总
2015/11/18 PHP
PHP多进程编程实例详解
2017/07/19 PHP
javascript模拟订火车票和退票示例
2014/04/24 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
2016/01/10 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
bootstrap paginator分页前后台用法示例
2017/06/17 Javascript
vue实现循环切换动画
2018/10/17 Javascript
七行JSON代码把你的网站变成移动应用过程详解
2019/07/09 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
vue+element实现动态加载表单
2020/12/13 Vue.js
Python显示进度条的方法
2014/09/20 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
Django ORM 查询表中某列字段值的方法
2020/04/30 Python
python文件读取失败怎么处理
2020/06/23 Python
Python 中如何写注释
2020/08/28 Python
英文自荐信
2013/12/19 职场文书
学生会招新策划书
2014/02/14 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
庆祝教师节新闻稿
2015/07/17 职场文书
宾馆卫生管理制度
2015/08/06 职场文书
创业计划书之都市休闲农庄
2019/12/28 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
每日六道java新手入门面试题,通往自由的道路
2021/06/30 Java/Android
angular4实现带搜索的下拉框
2022/03/25 Javascript
动视暴雪取消疫苗禁令 让所有员工返回线下工作
2022/04/03 其他游戏
小程序实现侧滑删除功能
2022/06/25 Javascript