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 位置插件
Dec 25 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
Javascript控制div属性动态变化实例分析
Oct 08 Javascript
js实现日历的简单算法
Jan 24 Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 Javascript
javascript、php关键字搜索函数的使用方法
May 29 Javascript
重学JS 系列:聊聊继承(推荐)
Apr 11 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
简单了解vue中的v-if和v-show的区别
Oct 08 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
Sep 04 Javascript
详解Vue中的watch和computed
Nov 09 Javascript
vue在图片上传的时候压缩图片
Nov 18 Vue.js
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与paypal整合方法
2010/11/28 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
微信获取用户地理位置信息的原理与步骤
2015/11/12 PHP
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
2016/04/07 Javascript
浅谈JS中逗号运算符的用法
2016/06/12 Javascript
浅谈AngularJs指令之scope属性详解
2016/10/24 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
详解React 在服务端渲染的实现
2017/11/16 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
Vue是怎么渲染template内的标签内容的
2020/06/05 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
MySQL最常见的操作语句小结
2015/05/07 Python
python爬虫_微信公众号推送信息爬取的实例
2017/10/23 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
django filter过滤器实现显示某个类型指定字段不同值方式
2020/07/16 Python
Python3中小括号()、中括号[]、花括号{}的区别详解
2020/11/15 Python
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
天网工程实施方案
2014/03/26 职场文书
教师党员一句话承诺
2014/03/28 职场文书
汽车广告策划方案
2014/05/31 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
2014年实验室工作总结
2014/12/03 职场文书
运动会通讯稿50字
2015/07/20 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
祝福语集锦:送给闺蜜的生日祝福语
2019/10/08 职场文书
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript