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 相关文章推荐
angular.element方法汇总
Jan 07 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
javascript 应用小技巧方法汇总
Jul 05 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
Jul 06 Javascript
js捆绑TypeScript声明文件的方法教程
Apr 13 Javascript
VUE写一个简单的表格实例
Aug 06 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
vue.config.js中配置Vue的路径别名的方法
Feb 11 Javascript
Openlayers实现扩散的动态点(水纹效果)
Aug 17 Javascript
vue-cli中实现响应式布局的方法
Mar 02 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随机生成福彩双色球号码的2种方法
2013/02/04 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
Laravel执行migrate命令提示:No such file or directory的解决方法
2016/03/16 PHP
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
javascript 星级评分效果(手写)
2012/12/24 Javascript
js hover 定时器(实例代码)
2013/11/12 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
JavaScript仿flash遮罩动画效果
2016/06/15 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
JS中的BOM应用
2018/02/02 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
2019/03/04 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
Python安装使用命令行交互模块pexpect的基础教程
2016/05/12 Python
python 网络编程常用代码段
2016/08/28 Python
python用700行代码实现http客户端
2021/01/14 Python
美国设计师精美珠宝购物网:Netaya
2016/08/28 全球购物
美国一家全面的在线零售鞋类公司:SHOEBACCA
2017/01/06 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
比较一下entity bean和session bean
2013/12/27 面试题
总经理秘书岗位职责
2014/03/17 职场文书
办公室打字员岗位职责
2014/04/16 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
《迟到》教学反思
2016/02/24 职场文书
webpack的移动端适配方案小结
2021/07/25 Javascript
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers