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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
Sep 29 Javascript
完美解决IE低版本不支持call与apply的问题
Dec 05 Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 Javascript
js编写一个简单的产品放大效果代码
Jun 27 Javascript
jQuery回调方法使用示例
Jun 26 jQuery
详解vue中axios请求的封装
Apr 08 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
js变量值传到php过程详解 将php解析成数据
Jun 26 Javascript
vue-cli 为项目设置别名的方法
Oct 15 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
Oct 26 Javascript
JS数据类型分类及常用判断方法
Nov 19 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
人大复印资料处理程序_补充篇
2006/10/09 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
javascript中的new使用
2010/03/20 Javascript
js操作select控件的几种方法
2010/06/02 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
JavaScript中getUTCMinutes()方法的使用详解
2015/06/10 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
JavaScript实现相册弹窗功能(zepto.js)
2016/06/21 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
2016/09/20 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
Vue-Access-Control 前端用户权限控制解决方案
2017/12/01 Javascript
12条写出高质量JS代码的方法
2018/01/07 Javascript
jQuery实现的点击按钮改变样式功能示例
2018/07/21 jQuery
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python 不同对象比较大小示例探讨
2014/08/21 Python
python保存数据到本地文件的方法
2018/06/23 Python
Sanic框架路由用法实例分析
2018/07/16 Python
Python爬虫框架Scrapy常用命令总结
2018/07/26 Python
对Python中实现两个数的值交换的集中方法详解
2019/01/11 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
python批量解压zip文件的方法
2019/08/20 Python
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
马来西亚综合购物网站:Lazada马来西亚
2018/06/05 全球购物
Paper Cape官网:美国婴儿和儿童服装品牌
2019/11/02 全球购物
利达恒信公司.NET笔试题面试题
2016/03/05 面试题
高中生毕业学习总结的自我评价
2013/11/14 职场文书
雪山饭庄的创业计划书范文
2014/01/18 职场文书
在校大学生的职业生涯规划书
2014/03/14 职场文书
学生实习证明模板汇总
2014/09/25 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
新娘婚礼答谢词
2015/09/29 职场文书
在Windows下安装配置CPU版的PyTorch的方法
2021/04/02 Python