js去字符串前后空格5种实现方法及比较

224 阅读 0 评论 148 点赞

我是靠谱客的博主复杂饼干，最近开发中收集的这篇文章主要介绍js去字符串前后空格5种实现方法及比较，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

我们在项目中如果写到注册的时候，用户输入空格，我们怎么来剔除空格呢?
下面是我经常用到的js与大家分享下：

第一种：循环检查替换
[javascript]

复制代码代码如下:

 
//供使用者调用 
function trim(s){ 
return trimRight(trimLeft(s)); 
} 
//去掉左边的空白 
function trimLeft(s){ 
if(s == null) { 
return ""; 
} 
var whitespace = new String(" tnr"); 
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; 
} 
//去掉右边的空白 www.uoften.com 
function trimRight(s){ 
if(s == null) return ""; 
var whitespace = new String(" tnr"); 
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; 
} 

第二种：正则替换
[javascript]

复制代码代码如下:

 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
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, ""); 
} 
//--> 
</SCRIPT> 

第三种：使用jquery
[javascript]

复制代码代码如下:

$.trim(str)

jquery内部实现为：
[javascript]

复制代码代码如下:

 
function trim(str){ 
return str.replace(/^(s|u00A0)+/,'').replace(/(s|u00A0)+$/,''); 
} 

第四种：使用motools
[javascript]

复制代码代码如下:

 
function trim(str){ 
return str.replace(/^(s|xA0)+|(s|xA0)+$/g, ''); 
} 

第五种：裁剪字符串方式
[javascript]

复制代码代码如下:

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

经过测试第五种方法在处理长字符串时效率最高。

复制代码代码如下:

 
<script type="text/JavaScript"> 
//去掉空格 
function SystemTrim(str) { 
var regExp = /(^s*)|(s*$)/; 
return str.replace(regExp,""); 
} 
//调用 
function add() 
{ 
var ownername=document.form1.ownername.value; 
if(SystemTrim(ownername)=="") 
{ 
alert("请输入您的称呼！"); 
return; 
} 
} 
<script> 