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操作checkbox遇到的问题解决
Jun 29 Javascript
使用js画图之画切线
Jan 12 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
jQuery的几个我们必须了解的特点
May 03 Javascript
jquery中object对象循环遍历的方法
Dec 18 Javascript
微信小程序 教程之wxapp 视图容器 view
Oct 19 Javascript
VueJS事件处理器v-on的使用方法
Sep 27 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
Aug 20 Javascript
微信小程序3种位置API的使用方法详解
Aug 05 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
vue $mount 和 el的区别说明
Sep 11 Javascript
Node.js中的异步生成器与异步迭代详解
Jan 31 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中文分词 自动获取关键词介绍
2012/11/13 PHP
在Mac OS上编译安装Nginx+PHP+MariaDB开发环境的教程
2016/02/23 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
jquery tools之tooltip
2009/07/25 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
前端自动化开发之Node.js的环境搭建教程
2017/04/01 Javascript
bootstrap手风琴折叠示例代码分享
2017/05/22 Javascript
Javascript中的作用域及块级作用域
2017/12/08 Javascript
详解swiper在vue中的应用(以3.0为例)
2018/09/20 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
详解python基础之while循环及if判断
2017/08/24 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
python学生管理系统学习笔记
2019/03/19 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
python redis连接 有序集合去重的代码
2019/08/04 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
python使用pygame实现笑脸乒乓球弹珠球游戏
2019/11/25 Python
pytorch: Parameter 的数据结构实例
2019/12/31 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
python 识别登录验证码图片功能的实现代码(完整代码)
2020/07/03 Python
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
J2EE包括哪些技术
2016/11/25 面试题
财务出纳岗位职责
2014/02/03 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
学校禁毒宣传活动总结
2015/05/08 职场文书