js去字符串前后空格的实现方法


Posted in Javascript onFebruary 26, 2016

当我们进行一些页面编辑时,字符串前后的空格,通常是无效的。因此需要在获取信息时,进行过滤。

比如:

输入:[空格][空格]a[空格]b[空格][空格][空格]

得到:a[空格]b

代码如下:
去掉前面的空格

function LTrim(str){ 
  var i; 
  for(i=0;i<str.length;i++){
    if(str.charAt(i)!=" ") 
      break; 
  } 
  str = str.substring(i,str.length); 
  return str; 
}

去掉后面的空格

function RTrim(str){ 
  var i; 
  for(i=str.length-1;i>=0;i--){ 
    if(str.charAt(i)!=" ") 
      break; 
  } 
  str = str.substring(0,i+1); 
  return str; 
}

使用方法

function Trim(str){ 
   return LTrim(RTrim(str)); 
 }

【推荐】使用正则的方式

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, ""); 
}

补充一些其他方法:

第一种:循环检查替换

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

第二种:裁剪字符串方式

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; 
}

以上就是js去字符串前后空格的多种方法,希望对大家的学习有所帮助。

Javascript 相关文章推荐
用js实现的抽象CSS圆角效果!!
May 03 Javascript
js 弹出框只弹一次(二次修改之后的)
Nov 26 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
JavaScript中的toUTCString()方法使用详解
Jun 12 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
Jun 20 Javascript
利用js获取下拉框中所选的值
Dec 01 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
angular select 默认值设置方法
Jun 23 Javascript
在 webpack 中使用 ECharts的实例详解
Feb 05 Javascript
mpvue 项目初始化及实现授权登录的实现方法
Jul 20 Javascript
vue响应式原理与双向数据的深入解析
Jun 04 Vue.js
js判断鼠标位置是否在某个div中的方法
Feb 26 #Javascript
超实用的JavaScript表单代码段
Feb 26 #Javascript
理解javascript中Map代替循环
Feb 26 #Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 #Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 #Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
Feb 25 #Javascript
JavaScript 正则表达式中global模式的特性
Feb 25 #Javascript
You might like
如何跨站抓取别的站点的页面的补充
2006/10/09 PHP
php下Memcached入门实例解析
2015/01/05 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
2012/12/10 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
详解JavaScript的流程控制语句
2015/11/30 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
为你的微信小程序体积瘦身详解
2017/05/20 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
小程序实现页面顶部选项卡效果
2018/11/06 Javascript
webpack4 SplitChunks实现代码分隔详解
2019/05/23 Javascript
javascript实现贪吃蛇经典游戏
2020/04/10 Javascript
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python统计一个文本中重复行数的方法
2014/11/19 Python
使用matplotlib画散点图的方法
2018/05/25 Python
Python迭代器与生成器用法实例分析
2018/07/09 Python
python实现QQ批量登录功能
2019/06/19 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
Python批量启动多线程代码实例
2020/02/18 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
解决python cv2.imread 读取中文路径的图片返回为None的问题
2020/06/02 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
美国特价机票专家:Airfarewatchdog
2018/01/24 全球购物
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
写给保洁员表扬信
2014/01/08 职场文书
感恩父母的演讲稿
2014/05/06 职场文书
学校综治宣传月活动总结
2014/07/02 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
2014年幼儿园保育工作总结
2014/12/02 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android