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 相关文章推荐
Extjs学习笔记之六 面版
Jan 08 Javascript
javascript之学会吝啬 精简代码
Apr 25 Javascript
提交表单时执行func方法实现代码
Mar 17 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 Javascript
node.js入门教程
Jun 01 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
javascript实现2016新年版日历
Jan 25 Javascript
Bootstrap响应式侧边栏改进版
Sep 17 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
Dec 01 Javascript
深入了解Vue动态组件和异步组件
Jan 26 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
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
PHP文件缓存内容保存格式实例分析
2014/08/20 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
2006/11/07 Javascript
完整显示当前日期和时间的JS代码
2007/09/17 Javascript
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
锋利的jQuery jQuery中的DOM操作
2010/03/21 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
Json按某个键的值进行排序
2016/12/22 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
常用的js方法合集
2017/03/10 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
2019/06/20 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
Python实现telnet服务器的方法
2015/07/10 Python
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
零基础学python应该从哪里入手
2020/08/11 Python
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
货代行业个人求职简历的自我评价
2013/10/22 职场文书
办公室岗位职责
2014/02/12 职场文书
理财学专业自荐书
2014/06/28 职场文书
销售辞职信范文
2015/03/02 职场文书
2015年度信用社工作总结
2015/05/04 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
2016年寒假见闻
2015/10/10 职场文书