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 相关文章推荐
javascript String 的扩展方法集合
Jun 01 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 Javascript
基于javascript代码实现通过点击图片显示原图片
Nov 29 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
Mar 25 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
Oct 26 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
JS实现纸牌发牌动画
Jan 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
php中的时间显示
2007/01/18 PHP
PHP集成FCK的函数代码
2008/09/27 PHP
php数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
php跨站攻击实例分析
2014/10/28 PHP
js css后面所带参数含义介绍
2013/08/18 Javascript
Jquery中children与find之间的区别详细解析
2013/11/29 Javascript
JavaScript中的函数重载深入理解
2014/08/04 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
2015/10/26 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
深入理解令牌认证机制(token)
2019/08/22 Javascript
jquery传参及获取方式(两种方式)
2020/02/13 jQuery
nginx配置域名后的二级目录访问不同项目的配置操作
2020/11/06 Javascript
[48:41]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
pandas 数据实现行间计算的方法
2018/06/08 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
python设置值及NaN值处理方法
2018/07/03 Python
使用Python进行中文繁简转换的实现代码
2019/10/18 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
python环境下安装opencv库的方法
2020/03/05 Python
python 穷举指定长度的密码例子
2020/04/02 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
css3新增颜色表示方式分享
2014/04/15 HTML / CSS
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
介绍一下Ruby的特点
2013/01/20 面试题
公益活动策划方案
2014/01/09 职场文书
学校消防安全制度
2014/01/30 职场文书
教师年度考核评语
2014/04/28 职场文书
综合办公室岗位职责
2015/04/11 职场文书
2015年公务员工作总结
2015/04/24 职场文书
学校禁毒宣传活动总结
2015/05/08 职场文书
2015年财务经理工作总结
2015/05/13 职场文书
Go语言安装并操作redis的go-redis库
2022/04/14 Golang