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 相关文章推荐
Js动态创建div
Sep 25 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
Node.js异步I/O学习笔记
Nov 04 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 Javascript
详解vue-Resource(与后端数据交互)
Jan 16 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
Vue源码解读之Component组件注册的实现
Aug 24 Javascript
koa2实现登录注册功能的示例代码
Dec 03 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 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中10个不常见却非常有用的函数
2010/03/21 PHP
ThinkPHP CURD方法之limit方法详解
2014/06/18 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
PDO::quote讲解
2019/01/29 PHP
Javascript入门学习资料收集整理篇
2008/07/06 Javascript
javascript 表单的友好用户体现
2009/01/07 Javascript
jQuery Ajax文件上传(php)
2009/06/16 Javascript
javascript 使td内容不换行不撑开
2012/11/29 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
JS实现的数组全排列输出算法
2015/03/19 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
2016/05/25 Javascript
Bootstrap选项卡与Masonry插件的完美结合
2016/07/06 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
用js实现before和after伪类的样式修改的示例代码
2017/09/07 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
AngularJS select加载数据选中默认值的方法
2018/02/28 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
Angular 数据请求的实现方法
2018/05/07 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
vue v-model实现自定义样式多选与单选功能
2018/07/05 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
vue实现简单学生信息管理
2020/05/30 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
如何利用python之wxpy模块玩转微信
2020/08/17 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
莫斯科高科技在线商店:KremlinStore
2019/03/13 全球购物
销售顾问工作计划书
2014/08/15 职场文书
2014领导班子四风问题查摆思想汇报
2014/09/13 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
介绍信的格式
2015/01/30 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书