js去字符串前后空格的實現(xiàn)方法

更新時間：2016年02月26日 10:33:42 作者：xingoo

這篇文章主要介紹了js去字符串前后空格的實現(xiàn)方法，重點推薦使用正則的方式，感興趣的小伙伴們可以參考一下

當我們進行一些頁面編輯時，字符串前后的空格，通常是無效的。因此需要在獲取信息時，進行過濾。

比如：

　　輸入：[空格][空格]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, ""); 
}

補充一些其他方法：

第一種：循環(huán)檢查替換

//供使用者調用 
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.dhdzp.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去字符串前后空格的多種方法，希望對大家的學習有所幫助。

您可能感興趣的文章:

js
空格

小程序展示彈窗常見API實例詳解
彈窗對我們大家來說應該都不陌生,這篇文章主要給大家介紹了關于小程序展示彈窗常見API的相關資料,主要包括showToast,?showModal,showLoading和showActionSheet,需要的朋友可以參考下
2022-09-09
微信小程序日期選擇器實例代碼
本文通過一段實例代碼給大家介紹了微信小程序日期選擇器的實現(xiàn)思路，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
2018-07-07
淺談Javascript數據屬性與訪問器屬性
下面小編就為大家?guī)硪黄獪\談Javascript數據屬性與訪問器屬性。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
迅速了解一下ES10中Object.fromEntries的用法使用
這篇文章主要介紹了迅速了解一下ES10中Object.fromEntries的用法使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
關于URL中的特殊符號使用介紹
因為經常被Javascript中的rul的相關知識困擾，今天來總結一下URL的特殊字符
2011-11-11
JavaScript prototype屬性使用說明
prototype 是在 IE 4 及其以后版本引入的一個針對于某一類的對象的方法，而且特殊的地方便在于：它是一個給類的對象添加方法的方法！
2010-05-05
不用構造函數(Constructor)new關鍵字也能實現(xiàn)JavaScript的面向對象
JavaScript中的對象模型(object model)并不廣為人知,我們再設想：假設JavaScript沒有構造函數或者沒有new關鍵字會怎樣？事情又會變成什么樣的呢？讓我們推到以前的重來,感興趣的朋友可以詳細了解下
2013-01-01
基于JS實現(xiàn)一個可拖拽的容器布局組件
這篇文章主要為大家詳細介紹了如何基于JavaScript實現(xiàn)一個可拖拽的容器布局組件,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
2023-12-12
微信小程序實現(xiàn)井字棋游戲
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)井字棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
分析ES5和ES6的apply區(qū)別
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對ES6感興趣的同學，可以參考下
2021-05-05