快捷導(dǎo)航

js自定義trim函數(shù)實現(xiàn)刪除兩端空格功能

更新時間：2018年02月09日 11:42:59 作者：米格戰(zhàn)斗機

這篇文章主要介紹了js自定義trim函數(shù)實現(xiàn)刪除兩端空格功能,結(jié)合實例形式分析了javascript基于正則替換實現(xiàn)類似trim函數(shù)刪除字符串兩端空格的相關(guān)操作技巧,并附帶jQuery類似功能函數(shù)使用方法,需要的朋友可以參考下

本文實例講述了js自定義trim函數(shù)實現(xiàn)刪除兩端空格功能。分享給大家供大家參考，具體如下：

兼容IE低版本瀏覽器，以及其他一些低版本腳本的瀏覽器

js中本身是沒有trim函數(shù)的

//刪除左右兩端的空格
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,"");
}

或者擴展String類型屬性

String.prototype.trim = function()
{
 return this.replace(/(^\s*)|(\s*$)/g, "");
}
var str = document.getElementById("test").value;
alert( str.trim() );

或者干脆放棄使用js,使用jQuer之$.trim(str)

var str = $("#test").val();
alert( $.trim(str) );

PS：示例中用到了正則操作，這里為大家提供2款非常方便的正則表達式工具供大家參考使用：

JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript

正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《JavaScript事件相關(guān)操作與技巧大全》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript實現(xiàn)重置表單（reset）的方法
這篇文章主要介紹了JavaScript實現(xiàn)重置表單（reset）的方法,涉及javascript中reset()方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-04-04
javascript框架設(shè)計之瀏覽器的嗅探和特征偵測
這篇文章主要介紹了javascript框架設(shè)計之瀏覽器的嗅探和特征偵測的相關(guān)資料,需要的朋友可以參考下
2015-06-06
詳解JS中你不知道的各種循環(huán)測速
在前端JS中，有著多種數(shù)組循環(huán)的方式：for循環(huán)；while和do-while 循環(huán)；forEach、map、reduce、filter循環(huán)；for-of循環(huán)；for-in 循環(huán)；那么哪種循環(huán)的執(zhí)行速度最快呢，我們今天來看一看。
2021-05-05
JavaScript中的幾種繼承方法示例
這篇文章主要給大家介紹了關(guān)于JavaScript中的幾種繼承方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-12-12
Bootstrap媒體對象的實現(xiàn)
在web頁面中，圖片居左，內(nèi)容居右排列，是非常常見的效果，它也就是媒體對象，它是一種抽象的樣式，可以用來構(gòu)建不同類型的組件。本文給大家介紹Bootstrap媒體對象的實現(xiàn)，感興趣的朋友一起學習吧
2016-05-05
Js 實現(xiàn)表格隔行換色一例
Js實現(xiàn)表格隔行換色一例，這種效果網(wǎng)上已經(jīng)有很多啦，每一種都有特色，請大家選擇使用。
2009-11-11
js和jquery中循環(huán)的退出和繼續(xù)下一個循環(huán)
退出循環(huán)，使用break；退出當前循環(huán)繼續(xù)下一個循環(huán)，使用continue，jquery中使用return false；continue，使用return true
2014-09-09
自動完成JS類(純JS, Ajax模式)
自動完成JS類，用戶體驗較好。封裝成類，方便使用。本站
2009-03-03
firefox瀏覽器不支持innerText的解決方法
在測試時發(fā)現(xiàn)firefox不支持innerText，該怎么辦呢？其實很簡單，本文為大家提供了一個解決方法，感興趣的朋友可以參考下，希望對大家有所幫助
2013-08-08
js文件Cookie存取值示例代碼
這篇文章主要介紹了js文件Cookie存取值的使用,需要的朋友可以參考下
2014-02-02