JavaScript trim 去除字符串空格的三種方法(附代碼詳解)
更新時間:2010年05月29日 23:54:42 作者:
個人認(rèn)為最好的方法.采用的是正則表達式,這是最核心的原理.因為空格有多種形式。
方法一: 正則替換 推薦
個人認(rèn)為最好的方法.采用的是正則表達式,這是最核心的原理.
下面是代碼原文
<SCRIPT LANGUAGE="JavaScript">
<!--
//出處:網(wǎng)上搜集
//For more visit http://m.fzitv.net
// Trim() , Ltrim() , RTrim()
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>
下面來我們來看看Js腳本中"/s表示什么"
\s 匹配任何空白字符,包括空格、制表符、換頁符等等。等價于 [ \f\n\r\t\v]。
請緊記是小寫的s
其次.這個方法使用了JavaScript 的prototype 屬性
其實你不使用這個屬性一樣可以用函數(shù)實現(xiàn).但這樣做后用起來比較方便.
下面就來看看這個屬性是怎么來用的.
返回對象類型原型的引用。
objectName.prototype
objectName 參數(shù)是對象的名稱。
說明
用 prototype 屬性提供對象的類的一組基本功能。對象的新實例“繼承”賦予該對象原型的操作。
例如,要為 Array 對象添加返回數(shù)組中最大元素值的方法。要完成這一點,聲明該函數(shù),將它加入 Array.prototype,并使用它。
function array_max( ){ var i, max = this[0]; for (i = 1; i < this.length; i++) { if (max < this[i]) max = this[i]; } return max;}Array.prototype.max = array_max;var x = new Array(1, 2, 3, 4, 5, 6);var y = x.max( );
該代碼執(zhí)行后,y 保存數(shù)組 x 中的最大值,或說 6。
所有 JScript 內(nèi)部對象都有只讀的 prototype 屬性。可以象該例中那樣為原型添加功能,但該對象不能被賦予不同的原型。然而,用戶定義的對象可以被賦給新的原型。
本語言參考中每個內(nèi)部對象的方法和屬性列表指出哪些是對象原型的部分,哪些不是。
方法二:
由于使用方法簡單,所以這里就不舉例子了.
//javascript去空格函數(shù)
function LTrim(str){ //去掉字符串 的頭空格
var i;
for(i=0;i if(str.charAt(i)!=" "&&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)!=" "&&str.charAt(i)!=" ") break;
}
str = str.substring(0,i+1);
return str;
}
function Trim(str){
return LTrim(RTrim(str));
}
方法三:
這個方法將函數(shù)寫在一起,通過傳遞參數(shù)不同而達到不同的實現(xiàn)效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
個人認(rèn)為最好的方法.采用的是正則表達式,這是最核心的原理.
下面是代碼原文
復(fù)制代碼 代碼如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
//出處:網(wǎng)上搜集
//For more visit http://m.fzitv.net
// Trim() , Ltrim() , RTrim()
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>
下面來我們來看看Js腳本中"/s表示什么"
\s 匹配任何空白字符,包括空格、制表符、換頁符等等。等價于 [ \f\n\r\t\v]。
請緊記是小寫的s
其次.這個方法使用了JavaScript 的prototype 屬性
其實你不使用這個屬性一樣可以用函數(shù)實現(xiàn).但這樣做后用起來比較方便.
下面就來看看這個屬性是怎么來用的.
返回對象類型原型的引用。
objectName.prototype
objectName 參數(shù)是對象的名稱。
說明
用 prototype 屬性提供對象的類的一組基本功能。對象的新實例“繼承”賦予該對象原型的操作。
例如,要為 Array 對象添加返回數(shù)組中最大元素值的方法。要完成這一點,聲明該函數(shù),將它加入 Array.prototype,并使用它。
function array_max( ){ var i, max = this[0]; for (i = 1; i < this.length; i++) { if (max < this[i]) max = this[i]; } return max;}Array.prototype.max = array_max;var x = new Array(1, 2, 3, 4, 5, 6);var y = x.max( );
該代碼執(zhí)行后,y 保存數(shù)組 x 中的最大值,或說 6。
所有 JScript 內(nèi)部對象都有只讀的 prototype 屬性。可以象該例中那樣為原型添加功能,但該對象不能被賦予不同的原型。然而,用戶定義的對象可以被賦給新的原型。
本語言參考中每個內(nèi)部對象的方法和屬性列表指出哪些是對象原型的部分,哪些不是。
方法二:
由于使用方法簡單,所以這里就不舉例子了.
復(fù)制代碼 代碼如下:
//javascript去空格函數(shù)
function LTrim(str){ //去掉字符串 的頭空格
var i;
for(i=0;i if(str.charAt(i)!=" "&&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)!=" "&&str.charAt(i)!=" ") break;
}
str = str.substring(0,i+1);
return str;
}
function Trim(str){
return LTrim(RTrim(str));
}
方法三:
這個方法將函數(shù)寫在一起,通過傳遞參數(shù)不同而達到不同的實現(xiàn)效果
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
Bootstrap Table 雙擊、單擊行獲取該行及全表內(nèi)容
這篇文章主要介紹了Bootstrap Table 雙擊、單擊行獲取該行內(nèi)容及獲取全表的內(nèi)容,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2018-08-08
JavaScript雙問號操作符(??)詳解及如何解決使用||時因類型轉(zhuǎn)換帶來的問題
雙問號操作符是ES2020引入的一個用于處理變量默認(rèn)值的新特性,與傳統(tǒng)的邏輯或操作符||不同,這篇文章主要介紹了JavaScript雙問號操作符(??)詳解及如何解決使用||時因類型轉(zhuǎn)換帶來的問題,需要的朋友可以參考下2025-04-04
javascript實現(xiàn)倒計時N秒后網(wǎng)頁自動跳轉(zhuǎn)代碼
這篇文章主要介紹了javascript實現(xiàn)倒計時N秒后網(wǎng)頁自動跳轉(zhuǎn)代碼,非常的實用,這里推薦給大家。2014-12-12
如何利用Three.js實現(xiàn)web端顯示點云數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于如何利用Three.js實現(xiàn)web端顯示點云數(shù)據(jù)的相關(guān)資料,最近在項目中遇到需求,需要在web端顯示點云數(shù)據(jù),將我的實現(xiàn)步驟介紹在這里供大家參考,需要的朋友可以參考下2023-11-11

