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