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 类方法定义还是有点区别
Apr 15 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
jquery隐藏标签和显示标签的实例
Nov 11 Javascript
开源的javascript项目Kissy介绍
Nov 28 Javascript
JS在onclientclick里如何控制onclick的执行
May 30 Javascript
使用开源工具制作网页验证码的方法
Oct 17 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
Dec 28 Javascript
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
vue无限轮播插件代码实例
May 10 Javascript
vue+element 模态框表格形式的可编辑表单实现
Jun 07 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
js实现滑动进度条效果
Aug 21 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
《神奇女侠:血脉》神力女超人大战犯罪公司
2020/04/09 欧美动漫
我的论坛源代码(七)
2006/10/09 PHP
php fckeditor 调用的函数
2009/06/21 PHP
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
jQuery示例收集
2010/11/05 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
javascript实现确定和取消提示框效果
2015/07/10 Javascript
JavaScript中的闭包
2016/02/24 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
2017/04/14 Javascript
JavaScript满天星导航栏实现方法
2018/03/08 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
小程序scroll-view组件实现滚动的示例代码
2018/09/20 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
p5.js实现简单货车运动动画
2019/10/23 Javascript
浅谈vuex中store的命名空间
2019/11/08 Javascript
vue之延时刷新实例
2019/11/14 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
[56:41]iG vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/17 DOTA
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
Anaconda2 5.2.0安装使用图文教程
2018/09/19 Python
Python+Tensorflow+CNN实现车牌识别的示例代码
2019/10/11 Python
python实现批量转换图片为黑白
2020/06/16 Python
用Python爬取LOL所有的英雄信息以及英雄皮肤的示例代码
2020/07/13 Python
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
SQL SERVER面试资料
2013/03/30 面试题
宣传策划类求职信范文
2014/01/31 职场文书
给老婆的道歉信
2015/01/20 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
校长一岗双责责任书
2015/05/09 职场文书
大学团日活动总结书
2015/05/11 职场文书
深度学习tensorflow基础mnist
2021/04/14 Python
浅谈Python类的单继承相关知识
2021/05/12 Python