JavaScript 去除字符串前后空格的多种实现方案

作者:木棉

时间:2026-10-22

浏览:577

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

文章目录

基于循环检查的原生实现

第一种方法是通过循环检查字符来去除空格。其核心逻辑是先调用去除左侧空格的函数,再调用去除右侧空格的函数,最终返回处理后的字符串。


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

基于正则表达式的替换方案

第二种方法利用正则表达式进行替换。通过定义扩展String原型的Trim、LTrim和RTrim方法,分别匹配首尾空白字符、仅首部空白字符以及仅尾部空白字符,并使用replace方法将其替换为空字符串。


<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与Mootools库的使用

第三种方法是使用jQuery库提供的函数。该函数封装了底层的去空格逻辑,直接调用即可返回去除首尾空白后的字符串。

$.trim(str)

jQuery内部实现逻辑相对简洁,主要依赖正则表达式匹配首尾的空白字符(包括空格及不间断空格\u00A0),并分别进行替换处理。


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

更多详细实现与对比建议参考相关技术文章。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章