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 相关文章推荐
jquery 学习之二 属性 文本与值(text,val)
Nov 25 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
JavaScript制作windows经典扫雷小游戏
Mar 31 Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 Javascript
js纯数字逐一停止显示效果的实现代码
Mar 16 Javascript
动态的9*9乘法表效果的实现代码
May 16 Javascript
通用无限极下拉菜单的实现代码
May 31 Javascript
react 创建单例组件的方法
Apr 26 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 Javascript
vue3.0 项目搭建和使用流程
Mar 04 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将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
PHP UTF8中文字符截断函数代码
2012/09/11 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
php提交表单发送邮件的方法
2015/03/20 PHP
PHP多态代码实例
2015/06/26 PHP
PHP中使用curl入门教程
2015/07/02 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
注意!PHP 7中不要做的10件事
2016/09/18 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
php中如何执行linux命令详解
2018/11/06 PHP
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
在百度知道团队中快速审批新成员的js脚本
2014/02/02 Javascript
javascript教程:关于if简写语句优化的方法
2014/05/17 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
图解Javascript——作用域、作用域链、闭包
2017/03/21 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
2018/12/06 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
tensorflow训练中出现nan问题的解决
2018/02/10 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
python之super的使用小结
2018/08/13 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
解决python中导入win32com.client出错的问题
2019/07/26 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
俄罗斯购买内衣网站:Trusiki
2020/08/22 全球购物
《这儿真好》教学反思
2014/02/22 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
叶问观后感
2015/06/15 职场文书
Python时间操作之pytz模块使用详解
2022/06/14 Python