Javascript中實(shí)現(xiàn)trim()函數(shù)的兩種方法
更新時間：2015年02月04日 10:34:48 投稿：junjie
這篇文章主要介紹了Javascript中實(shí)現(xiàn)trim()函數(shù)的兩種方法,本文直接給出實(shí)現(xiàn)代碼和使用方法,需要的朋友可以參考下
在JavaScript中我們需要用到trim的地方很多，但是JavaScript又沒有獨(dú)立的trim函數(shù)或者方法可以使用，所以我們需要自己寫個trim函數(shù)來實(shí)現(xiàn)我們的目的。
方案一：
以原型方式調(diào)用，即obj.trim()形式，此方式簡單且使用方面廣泛，定義方式如下：
復(fù)制代碼 代碼如下:
<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>
使用示例如下：
復(fù)制代碼 代碼如下:
<script type=”text/javascript”>
alert(document.getElementById('abc').value.trim());
alert(document.getElementById('abc').value.ltrim());
alert(document.getElementById('abc').value.rtrim());
</script>
方案二：
以工具方式調(diào)用，即trim(obj)的形式，此方式可以用于特殊處理需要，定義方式如下：
復(fù)制代碼 代碼如下:
<script type=”text/javascript”>
/**
* 刪除左右兩端的空格
*/
function trim(str)
{
return str.replace(/(^\s*)|(\s*$)/g, ”);
}
/**
* 刪除左邊的空格
*/
function ltrim(str)
{
return str.replace(/(^\s*)/g,”);
}
/**
* 刪除右邊的空格
*/
function rtrim(str)
{
return str.replace(/(\s*$)/g,”);
}
</script>
使用示例如下：
復(fù)制代碼 代碼如下:
<script type=”text/javascript”>
alert(trim(document.getElementById('abc').value));
alert(ltrim(document.getElementById('abc').value));
alert(rtrim(document.getElementById('abc').value));
</script>
您可能感興趣的文章:
- Javascript 5種方法實(shí)現(xiàn)過濾刪除前后所有空格
- javascript中使用正則表達(dá)式刪除前后空格的方法
- javaScript 刪除字符串空格多種方法小結(jié)
- javascript中使用正則表達(dá)式實(shí)現(xiàn)刪除字符串中的前后空格
- JavaScript trim 實(shí)現(xiàn)去除字符串首尾指定字符的簡單方法
- javascript trim函數(shù)在IE下不能用的解決方法
- js 去掉空格實(shí)例 Trim() LTrim() RTrim()
- JavaScript自定義方法實(shí)現(xiàn)trim()、Ltrim()、Rtrim()的功能
- js編寫trim()函數(shù)及正則表達(dá)式的運(yùn)用
- 用js實(shí)現(xiàn)trim()的解決辦法
- js自定義trim函數(shù)實(shí)現(xiàn)刪除兩端空格功能
相關(guān)文章
video控件是微信小程序提供的系統(tǒng)組件之一,用于實(shí)現(xiàn)播放視頻的功能,這篇文章主要給大家介紹了關(guān)于微信小程序之video組件視頻播放的相關(guān)資料,需要的朋友可以參考下2022-04-04
Bootstrap教程JS插件彈出框?qū)W習(xí)筆記分享
這篇文章主要為大家分享了Bootstrap教程JS插件彈出框?qū)W習(xí)筆記，為大家詳細(xì)介紹Bootstrap彈出框的使用方法，感興趣的小伙伴們可以參考一下2016-05-05
都是一些非常不錯的js 小技巧,學(xué)習(xí)js的朋友一定要看下，有很多不錯的代碼。2010-04-04
javascript實(shí)現(xiàn)限制上傳文件大小
這篇文章主要介紹了javascript實(shí)現(xiàn)限制上傳文件大小的方法和示例,需要的朋友可以參考下2015-02-02
JS實(shí)現(xiàn)多級菜單中當(dāng)前菜單不隨頁面跳轉(zhuǎn)樣式而發(fā)生變化
本文介紹了JQuery巧妙實(shí)現(xiàn)多級菜單中當(dāng)前菜單不隨頁面跳轉(zhuǎn)樣式發(fā)生變化，實(shí)現(xiàn)方法非常簡單，感興趣的朋友一起看看吧2017-05-05
ES6 Promise對象的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Promise對象的應(yīng)用,結(jié)合實(shí)例形式分析了Promise對象原理與異步處理相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
前端小程序?qū)崿F(xiàn)預(yù)覽pdf并導(dǎo)出完整代碼
這篇文章主要介紹了小程序中無法直接導(dǎo)出PDF或文檔的解決方案,通過調(diào)用API下載文件并打開,文中通過代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2025-01-01
通過學(xué)習(xí)bootstrop導(dǎo)航條學(xué)會修改bootstrop顏色基調(diào)
這篇文章主要介紹了通過學(xué)習(xí)bootstrop導(dǎo)航條學(xué)會修改bootstrop顏色基調(diào),需要的朋友可以參考下2017-06-06
JS獲取子窗口中返回的數(shù)據(jù)實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫S獲取子窗口中返回的數(shù)據(jù)實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了javascript查詢字符串參數(shù)的方法,實(shí)例分析了javascript獲取URL中對應(yīng)參數(shù)的使用技巧,需要的朋友可以參考下2015-01-01