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 相关文章推荐
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
May 13 Javascript
js实现图片上传并正常显示
Dec 19 Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 Javascript
bootstrap css样式之表单
Jan 19 Javascript
js实现简单的手风琴效果
Feb 27 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
Javascript ES6中数据类型Symbol的使用详解
May 02 Javascript
JavaScript实现微信红包算法及问题解决方法
Apr 26 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
vue3.0 加载json的方法(非ajax)
Oct 26 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中显示格式化的用户输入
2006/10/09 PHP
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
PHP中使用sleep函数实现定时任务实例分享
2014/08/21 PHP
PHP中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
php抽象方法和抽象类实例分析
2016/12/07 PHP
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
基于jQuery实现选取月份插件附源码下载
2015/12/28 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
2016/01/21 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
2017/01/13 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
2017/01/20 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
bootstrap table.js动态填充单元格数据的多种方法
2019/07/18 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
2019/09/18 Javascript
js如何验证密码强度
2020/03/18 Javascript
django进阶之cookie和session的使用示例
2018/08/17 Python
Python如何获得百度统计API的数据并发送邮件示例代码
2019/01/27 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
opencv实现简单人脸识别
2021/02/19 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
基于python3实现倒叙字符串
2020/02/18 Python
如何通过命令行进入python
2020/07/06 Python
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
骆驼官方商城:CAMEL
2016/11/22 全球购物
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
银行实习鉴定
2013/12/13 职场文书
家长会演讲稿范文
2014/01/10 职场文书
施工安全责任书范本
2014/07/24 职场文书
小学生感恩父母演讲稿
2014/08/28 职场文书
教师工作态度自我评价
2015/03/05 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle