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 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
jquery调用wcf并展示出数据的方法
Jul 07 Javascript
js变换显示图片的实例
Apr 16 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
Feb 06 Javascript
AngularJS中使用three.js的实例详解
Jul 21 Javascript
JS通过位运算实现权限加解密
Aug 14 Javascript
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 Javascript
js实现无缝轮播图
Mar 09 Javascript
Javascript Web Worker使用过程解析
Mar 16 Javascript
js实现简单点赞操作
Mar 17 Javascript
Jquery高级应用Deferred对象原理及使用实例
May 28 jQuery
VUE 实现element upload上传图片到阿里云
Aug 12 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之sprintf函数用法详解
2014/11/12 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
PHP微信分享开发详解
2017/01/14 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
浅析javascript闭包 实例分析
2010/12/25 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
js中的setInterval和setTimeout使用实例
2014/05/09 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
javascript中的 object 和 function小结
2016/08/14 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
python时间整形转标准格式的示例分享
2014/02/14 Python
python实现分析apache和nginx日志文件并输出访客ip列表的方法
2015/04/04 Python
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
python中偏函数partial用法实例分析
2015/07/08 Python
python 爬取微信文章
2016/01/30 Python
详解Python pygame安装过程笔记
2017/06/05 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
彻底搞懂 python 中文乱码问题(深入分析)
2020/02/28 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
Python Tkinter实例——模拟掷骰子
2020/10/24 Python
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
十佳班主任事迹材料
2014/01/18 职场文书
大学生军训感想
2014/02/16 职场文书
市场营销调查计划书
2014/05/02 职场文书
晚会开幕词
2015/01/28 职场文书
2015年业务工作总结范文
2015/04/10 职场文书