Javascript 5种方法实现过滤删除前后所有空格


Posted in Javascript onJune 22, 2016

第一种:循环检查替换

//供使用者调用 
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; 
} 

//去掉右边的空白 3water.com 
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; 
}

第二种:正则替换

<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>
//去左空格;
function ltrim(s){
  return s.replace(/(^\s*)/g, "");
}
//去右空格;
function rtrim(s){
  return s.replace(/(\s*$)/g, "");
}
//去左右空格;
function trim(s){
  return s.replace(/(^\s*)|(\s*$)/g, "");
}

第三种:使用jquery

$.trim(str)

jquery内部实现为:

function trim(str){  
  return str.replace(/^(\s|\u00A0)+/,'').replace(/(\s|\u00A0)+$/,'');  
}

第四种:使用motools

function trim(str){  
  return str.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');  
}

第五种:裁剪字符串方式

function trim(str){  
  str = str.replace(/^(\s|\u00A0)+/,'');  
  for(var i=str.length-1; i>=0; i--){  
    if(/\S/.test(str.charAt(i))){  
      str = str.substring(0, i+1);  
      break;  
    }  
  }  
  return str;  
}

//----------------------------------------------------------
//   去掉字符串前后的空格
//  返回值:
//  去除空格后的字符串
//----------------------------------------------------------
function trim(param) {
  if ((vRet = param) == '') { return vRet; }
  while (true) {
    if (vRet.indexOf (' ') == 0) {
      vRet = vRet.substring(1, parseInt(vRet.length));
    } else if ((parseInt(vRet.length) != 0) && (vRet.lastIndexOf (' ') == parseInt(vRet.length) - 1)) {
      vRet = vRet.substring(0, parseInt(vRet.length) - 1);
    } else {
      return vRet;
    }
  }
}

以上就是本文的全部内容,了解更多JavaScript的语法,大家可以查看:《JavaScript 参考教程》、《JavaScript代码风格指南》,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Bootstrap每天必学之导航条
Nov 27 Javascript
浅析node连接数据库(express+mysql)
Nov 30 Javascript
javascript对象的相关操作小结
May 16 Javascript
angularJS Provider、factory、service详解及实例代码
Sep 21 Javascript
js实现碰撞检测特效代码分享
Oct 16 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
微信小程序实现禁止分享代码实例
Oct 19 Javascript
vue 实现特定条件下绑定事件
Nov 09 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
在项目vue中使用echarts的操作步骤
Sep 07 Javascript
VUE之图片Base64编码使用ElementUI组件上传
Apr 09 Vue.js
Json解析的方法小结
Jun 22 #Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 #Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 #Javascript
JS随机打乱数组的方法小结
Jun 22 #Javascript
JS产生随机数的几个用法详解
Jun 22 #Javascript
js与applet相互调用的方法
Jun 22 #Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 #Javascript
You might like
php魔术变量用法实例详解
2014/11/13 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
Js+XML 操作
2006/09/20 Javascript
Javascript中的Split使用方法与技巧
2007/03/09 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
2012/03/01 Javascript
js 获取计算后的样式写法及注意事项
2013/02/25 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
javascript 中that的含义示例介绍
2014/05/14 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
详解JavaScript设计模式开发中的桥接模式使用
2016/05/18 Javascript
AngularJS模块详解及示例代码
2016/08/17 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
vue2.0 自定义日期时间过滤器
2017/06/07 Javascript
Vue组件实例间的直接访问实现代码
2017/08/20 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
VueJs 搭建Axios接口请求工具
2017/11/20 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
教育局长自荐信范文
2013/12/22 职场文书
电气自动化专业职业规划范文
2014/02/16 职场文书
网吧七夕活动策划方案
2014/08/31 职场文书
战略性融资合作协议书范本
2014/10/17 职场文书
2015年幼儿园安全工作总结
2015/05/12 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
解析redis hash应用场景和常用命令
2021/08/04 Redis
Java面试题冲刺第十八天--Spring框架3
2021/08/07 面试题
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技