JavaScript 实现去除字符串前后空格的五种常用方法

作者:青柠

时间:2026-10-30

浏览:297

本文详细介绍JavaScript中去除字符串前后空格的五种实现方式,包括循环检查替换、正则表达式替换、jQuery内置方法、MooTools实现以及字符串裁剪技巧。通过对比不同方法的代码逻辑与适用场景,帮助开发者根据实际需求选择最高效的字符串处理方案。

文章目录

JavaScript去除字符串前后空格的五种方法

第一种方法是通过循环检查并替换的方式来实现。核心思路是先去除左侧空白,再去除右侧空白。


//供使用者调用 
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; 
} 

//去掉右边的空白 www.jb51.net 
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; 
}     

第二种方法利用正则表达式进行替换。通过定义正则模式匹配首尾的空白字符,并将其替换为空字符串,从而实现去空格功能。


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

//去左空格;
function ltrim(s){
  return s.replace(/(^\s*)/g, "");
}
//去右空格;
function rtrim(s){
  return s.replace(/(\s*$)/g, "");
}
//去左右空格;
function trim(s){
  return s.replace(/(^\s*)|(\s*$)/g, "");
}

第三种方法是借助jQuery库提供的内置函数。该方法封装了底层逻辑,调用简单,适合在已引入jQuery的项目中使用。


$.trim(str) 

jQuery内部对于该功能的实现逻辑如下所示,主要涉及对字符串首尾空白字符的判断与截取。


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

第四种方法是使用MooTools框架的实现方式。该框架提供了特定的字符串处理方法,可用于去除前后空格。


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

第五种方法是通过手动裁剪字符串的方式实现。该方法通常结合循环与字符测试,逐步截取首尾非空白字符,逻辑较为底层。


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


//----------------------------------------------------------
//   去掉字符串前后的空格
//  返回值:
//  去除空格后的字符串
//----------------------------------------------------------
function trim(param) {
  if ((vRet = param) == '') { return vRet; }
  while (true) {
    if (vRet.indexOf (' ') == 0) {
      vRet = vRet.substring(1, parseInt(vRet.length));
    } else if ((parseInt(vRet.length) != 0) && (vRet.lastIndexOf (' ') == parseInt(vRet.length) - 1)) {
      vRet = vRet.substring(0, parseInt(vRet.length) - 1);
    } else {
      return vRet;
    }
  }
}

以上介绍了五种在JavaScript中过滤删除前后空格的方法。如需进一步了解JavaScript语法,可参考《JavaScript 参考教程》与《JavaScript代码风格指南》,欢迎继续支持本站内容。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章