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 相关文章推荐
基于jQuery实现图片的前进与后退功能
Apr 24 Javascript
解析JSON对象与字符串之间的相互转换
Dec 18 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
jQuery中使用each处理json数据
Apr 23 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
JavaScript实现刷新不重记的倒计时
Aug 10 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
Sep 18 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
vue仿ios列表左划删除
Sep 26 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
Jul 12 Javascript
JS轮播图的实现方法
Aug 24 Javascript
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
PHP实现伪静态方法汇总
2016/01/13 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
2014/02/11 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
2015/08/25 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
2017/01/22 Javascript
vue.js框架实现表单排序和分页效果
2017/08/09 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
vue elementUI table 自定义表头和行合并的实例代码
2019/05/22 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
jQuery加PHP实现图片上传并提交的示例代码
2020/07/16 jQuery
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
Python3.5基础之NumPy模块的使用图文与实例详解
2019/04/24 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
Python如何基于selenium实现自动登录博客园
2019/12/16 Python
基于pandas中expand的作用详解
2019/12/17 Python
django rest framework serializer返回时间自动格式化方法
2020/03/31 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
python获取本周、上周、本月、上月及本季的时间代码实例
2020/09/08 Python
html5 实现客户端验证上传文件的大小(简单实例)
2016/05/15 HTML / CSS
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
岗位职责定义及内容
2013/11/08 职场文书
工程测量与监理专业应届生求职信
2013/11/27 职场文书
国贸专业个人求职信分享
2013/12/04 职场文书
中级会计职业生涯规划范文
2014/01/16 职场文书
趣味活动策划方案
2014/02/08 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
2015年班干部工作总结
2015/04/29 职场文书
Python爬虫:从m3u8文件里提取小视频的正确操作
2021/05/14 Python