js trim函数 去空格函数与正则集锦


Posted in Javascript onNovember 20, 2009

但是如果项目没有用到jQuery等框架的话,js本身又没有这样的函数,我们不得不自己写这样的函数,下面是函数的具体实现:

//供使用者调用 
function trim(s){ 
return trimRight(trimLeft(s)); 
} 
//去掉左边的空白 
function trimLeft(s){ 
if(s == null) { 
return ""; 
} 
var whitespace = new String(" \t\n\r"); 
var str = new String(s); 
if (whitespace.indexOf(str.charAt(0)) != -1) { 
var j=0, i = str.length; 
while (j < i && whitespace.indexOf(str.charAt(j)) != -1){ 
j++; 
} 
str = str.substring(j, i); 
} 
return str; 
} 
//去掉右边的空白 
function trimRight(s){ 
if(s == null) return ""; 
var whitespace = new String(" \t\n\r"); 
var str = new String(s); 
if (whitespace.indexOf(str.charAt(str.length-1)) != -1){ 
var i = str.length - 1; 
while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){ 
i--; 
} 
str = str.substring(0, i+1); 
} 
return str; 
}

使用时只需调用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> 
<input type="text" value="    前后都是空格   " id="space"> 
<input type="button" value="去前后空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.Trim();document.getElementById('space').select();"> 
<input type="button" value="去前空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.LTrim();document.getElementById('space').select();"> 
<input type="button" value="去后空格" onclick="javascript:document.getElementById('space').value=document.getElementById('space').value.RTrim();document.getElementById('space').select();"> 
<input type="button" value="还原" onclick="javascript:document.getElementById('space').value='    前后都是空格     ';">

上面的代码因为编辑器的问题,空格被替换了,所以大家请注意添加空格,测试。
Javascript 相关文章推荐
JQUERY THICKBOX弹出层插件
Aug 30 Javascript
jquery tab标签页的制作
May 10 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
详解angularjs 关于ui-router分层使用
Jun 12 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
Angular4编程之表单响应功能示例
Dec 13 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
React 使用recharts实现散点地图的示例代码
Dec 07 Javascript
Vue中添加滚动事件设置的方法详解
Sep 14 Javascript
div移动 输入框不能输入的问题
Nov 19 #Javascript
ExtJS Window 最小化的一种方法
Nov 18 #Javascript
JS获取dom 对象 ajax操作 读写cookie函数
Nov 18 #Javascript
jquery中的$(document).ready()与window.onload的区别
Nov 18 #Javascript
jQuery html()等方法介绍
Nov 18 #Javascript
JQuery toggle使用分析
Nov 16 #Javascript
JavaScript OOP类与继承
Nov 15 #Javascript
You might like
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
基于thinkPHP类的插入数据库操作功能示例
2017/01/06 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
Javascript中获取对象的原型对象的方法小结
2015/02/25 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
jQuery电话号码验证实例
2017/01/05 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
Vue异步加载about组件
2017/10/31 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
微信小程序实现锚点跳转
2020/11/23 Javascript
深入解析Python中的变量和赋值运算符
2015/10/12 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
Python字符串格式化输出代码实例
2019/11/22 Python
python实现逻辑回归的示例
2020/10/09 Python
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
自我评价优秀范文分享
2013/11/30 职场文书
4s客服专员岗位职责
2013/12/01 职场文书
自我评价范文分享
2014/01/04 职场文书
质量承诺书范文
2014/03/27 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
档案信息化建设方案
2014/05/16 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
男性健康日的活动方案
2014/08/18 职场文书
小学生春游活动方案
2014/08/20 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
2015感人爱情寄语
2015/02/26 职场文书
小学教师党员承诺书
2015/04/27 职场文书
导游词之泉州崇武古城
2019/12/20 职场文书
bat批处理之字符串操作的实现
2022/03/16 Python