js String.prototype.trim字符去前后空格的擴(kuò)展

更新時間：2020年08月23日 23:21:40 投稿：mdxy-dxy

這篇文章主要介紹了js String.prototype.trim字符去前后空格的擴(kuò)展,需要的朋友可以參考下

最近學(xué)習(xí)js的時候發(fā)現(xiàn)的這個函數(shù)，這樣很方便地去除前后空格，用正則實(shí)現(xiàn)，簡單方便。下面腳本之家小編就為大家分享一下幾種實(shí)現(xiàn)方式。

String.Prototype.trim()

trim()返回一個字符串兩端空白字符被刪除的新字符串，不影響原字符串。

/*內(nèi)置對象添加方法：String.prototype.trim（給String添加一個trim方法）
*^這個是以什么什么開頭
*$這個是以什么什么結(jié)尾
*‘/s是String /d是數(shù)字'
*replace(/^\s+/ , "")把以字符開頭的字符串替換為空字符串，
*replace(/\s+$/ , "")把以字符結(jié)尾的字符串替換為空字符串，
*/

String.prototype.trim = function(){
return this.replace(/^\s+/ , "").replace(/\s+$/ , "");
}

第一種實(shí)現(xiàn)方式：理論上算是比較不錯的

具體的可以查看這篇文章：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/trim

if (!String.prototype.trim) {
 String.prototype.trim = function () {
 return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
 };
}

第二種實(shí)現(xiàn)方式

從國內(nèi)網(wǎng)站看到的，測試沒問題，推薦使用

 String.prototype.trim = function(a) {
 var b = (this + "").replace(/(^[ \t\n\r\f\x0b\xa0]*)|([ \t\n\r\f\x0b\xa0]*$)/g, "");
 a && (a = (a + "").replace(/([\[\]\(\)\.\?\/\*\{\}\+\$\^\:])/g, "\\$1"), b = b.replace(new RegExp("(^[" + a + "]*)|([" + a + "]*$)", "g"), ""));
 return b
};

第三種、范圍有點(diǎn)小，推薦學(xué)習(xí)，不推薦使用

String.prototype.trim = function(){ 
 //用正則表達(dá)式將前后空格用空字符串替代。 
 return this.replace(/(^\s*)|(\s*$)/g,""); 
 }

第四種，不用正則實(shí)現(xiàn)

var str = " ac c ";
//使用String prototype 給用添加自定義方法。
String.prototype.trim = function(){
 var start = 0;
 var end = code.length-1;
 while(start<=end && this.charAt(start) == ' '){
	start++;
 }
 while(start<=end && this.charAt(end) == ' '){
	end--;
 }
 //使用字符截取指定字符
 return this.substring(start,end+1);
 };
 //使用原型直接調(diào)用
 console.log("--"+str.trim()+"--")

推薦使用第一種、第二種方法。

下面是其他網(wǎng)友的補(bǔ)充，大家可以參考一下

今天呢知乎看到一道題說是網(wǎng)易面試題，要求自己寫一個trim()方法，

實(shí)現(xiàn) var str = " a sd "; 去掉字符串兩端的空格。

直接上碼

var str = " a sd ";
 
 function trim (st) {
 // 先把字符串分割成數(shù)組
 var arr = st.split("");
 // 從前面刪除空格
 for (let i = 0; i < arr.length; i++) {
 // 如果數(shù)組元素是空格則刪除
 if (arr[i] === " ") {
 arr.shift();
 /*console.log(arr.length, i)*/
 // 如果當(dāng)前元素的下一項(xiàng)不是空格退出循環(huán)
 if (arr[i+1] !== " ") {
 break;
 }
 
 }
 }
 // 后前面刪除空格
 for (let i = arr.length; i >= 0; i--) {
 // 如果數(shù)組元素是空格則刪除
 if (arr[i-1] === " ") {
 arr.pop();
 // 如果當(dāng)前元素的前一項(xiàng)不是空格退出循環(huán)
 if (arr[i-2] !== " ") {
 break;
 }
 }
 }
 arr = arr.join("");
 /*console.log(arr);*/
 return arr;
 }
 var a = trim(str);
 console.log(a); //a sd//

原理注釋寫的很清楚

不用正則實(shí)現(xià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; 
} 
//去掉右邊的空白 
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 delrd(str){
var reg=/,$/gi; 
str=str.replace(reg,"");
return str;
}

以上就是js String.prototype.trim字符去前后空格的擴(kuò)展的詳細(xì)內(nèi)容，更多關(guān)于String對象增加一個trim方法的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: