1. 程式人生 > >關於在js中使用trim函式的一些小技巧

關於在js中使用trim函式的一些小技巧

 JavaScript並沒有提供原生的trim()函式。所以在js程式碼中用到的trim()函式均是jQuery提供的,其重要作用為:用於去掉 字串首為的空白字元。
詳解jQuery的trim()函式:
 寫法:jQuery.trim()或者$.trim()。
 作用:該函式可以去除字串開始和末尾兩端的空白字元(直到遇到第一個非空白字串為止)。它會清除包括換行符、空格、製表符等空白字元 。
 說明:該函式屬於全域性的jQuery物件 
 語法:jQuery 1.0新增該靜態函式;jQuery.trim(str) 
 引數:str;   描述:String型別需要去除兩端空白字元的字串。
 如果引數str不是字串型別,該函式將自動將其轉換為字串(一般呼叫其toString()方法),如果引數str為null或者undefined,則返回空字串("") 。
 返回值:jQuery.trim()函式的返回值為String型別,返回去除兩端空白字串後的字串。
 示例與說明:                                                                                                    
       //在當前頁面內追加換行標籤和指定的HTML內容 function w( html ){ document.body.innerHTML += "<br/>" + html; } 
       // 輸出兩側新增雙引號,以便於區分字串邊界 w( '"' + $.trim( " CodePlayer " ) + '"'); 
       // "CodePlayer" // 只會去除兩端的連續空白字元 w( '"' + $.trim( " Code Player " ) + '"'); 
       // "Code Player" w( '"' + $.trim( "\r\n\t CodePlayer \t" ) + '"');
       // "CodePlayer" w( '"' + $.trim( "" ) + '"'); 
       // "" w( '"' + $.trim( 12 ) + '"'); // "12" w( '"' + $.trim( null ) + '"'); 
       // "" w( '"' + $.trim( undefined ) + '"');
       // "" w( '"' + $.trim( new Object() ) + '"'); 
       // "[object Object]"
用法:                                                                                                                   
       <html> 
       <head> 
       <title>$.trim()</title> 
       <script language="javascript" src="jquery.min.js"></script> 
       <script language="javascript"> 
           var sString = " 1234567890 "; 
           sString = $.trim(sString); 
           alert(sString.length); 
       </script> 
       </head> 
       <body> 
       </body> 
       </html>
常見問題:如果是在一些低版本的IE瀏覽器(IE8等)下開發網站,如果你寫了類似document.getElementById().trim()的程式碼,執行會報:“不支援該方法或該屬性的錯誤”;當然這是個假命題,因為,原生的JavaScript不支援.trim()的方法。
解決方法如下:
1、使用jQuery提供的$.trim([要操作的字串物件]);
2、自己封裝一個方法,進行空白字串的擷取,如:                                                                                                                  
 String.prototype.trim=function(){
      return this.replace(/(^\s*)|(\s*$)/g,"");
 }




                                          

相關推薦

jstrim函式

js本身是沒有trim函式的,但是在jquery中有trim函式 在js中可以自己寫個trim函式    function trim(str){ var newStr = str.replace(/

關於在js使用trim函式一些技巧

 JavaScript並沒有提供原生的trim()函式。所以在js程式碼中用到的trim()函式均是jQuery提供的,其重要作用為:用於去掉 字串首為的空白字元。 詳解jQuery的trim()函式:  寫法:jQuery.trim()或者$.trim()。  作用:該函

JS開發一些技巧和方法

hello floor apply subst shuf 新的 情況 level 可能 生成指定範圍內的隨機數 當我們需要獲取指定範圍(min,max)內的整數的時候,下面的代碼非常適合;這段代碼用的還挺多的。 function setRadomNum(min,m

js 一些技巧

技巧 def 對象 bar 維護 方式 undefine can 常用 js 數字操作: 1.1 取整: 取整有很多方法如: parseInt(a,10); Math.floor(a); a>>0; ~~a; a|0; 前面2種是經常用到的,後面3中算是比

js關於陣列處理的一些技巧

1 reduce方法同時實現map和filter 假設現在有一個數組,然後遍歷它的每一項(map的功能)然後篩選出其中的一部分(filter的功能)。如果使用map和filter的話,我們需要遍歷這個陣列兩次。 在下面的程式碼中,我們將數列中的值翻倍,然後挑選出那些大於50的數: const nu

js 開發一些技巧

  js 取到的值*1就會自動轉化為數字型別 js 中的三目運算      {{d.amount?a.amount:""}}    ==> 只要d.amount有值就是true JS防止複製&nbs

ViewPager使用一些技巧

android viewpager 懶加載 1、使用setOffscreenPageLimit()方法可以限制它一次加載幾頁,它的默認值1,google建議也是維護一下小的加載頁數3-4; 但是只要手機性能稍微弱一點和系統內存更不上,都會導致切換的時候出現部分數據顯示不出,白屏;尤其是在紅米系統,

WebStorm及emmet插件使用一些技巧(持續更新)

TE sublime 上一個 最大化 lpad prev web 組成 toggle Ctrl+/ 或 Ctrl+Shift+/ 註釋(// 或者/*…*/ ) Shift+F6 重構-重命名 Ctrl+X 刪除行 Ctrl+D 復制行 Ctrl+G

泛微關於js設計的一些技巧

1.關於泛微流程的js設計   泛微oa可以插入javascript可以diy自己想要的表單頁面前端功能。如果有前端開發經驗,或者熟練使用jQuery的話,這將變得非常容易!同時泛微OA內部有很多庫,包括報表相關的js和excel相關的js等等。   2.匯入相關的庫  泛微oa的插入,不僅

Java架構-Java開發一些技巧

一、 Java獲取URL地址中傳遞的引數 二、獲取請求的URL地址 三、獲取請求的IP地址 四:判斷字串是否能夠轉換成指定格式的日期 希望此文能幫到大家的同時,也聽聽大家的觀點。歡迎留言討論,加關注,分享你的高見!持續更新! 我本人邀約各大BATJ

Vue 在使用一些技巧

在vue的使用過程中會遇到各種場景,當普通使用時覺得沒什麼,但是或許優化一下可以更高效更優美的進行開發。 1. 多圖表resize事件去中心化 1.1 一般情況 有時候我們會遇到這樣的場景,一個元件中有幾個圖表,在瀏覽器resize的時候我們希望圖表也進行resize,因此我們會

js動態函式一些用法嘗試

   在js中,經常會使用到函式,普通函式雖然很方便,但是,形式略顯複雜,特別是程式碼量大的時候,這時,我們可以使用動態函式,動態函式形式比較簡潔,並且比普通函式表示式更靈活,其結構如下: var fun_name=new Function(x1,x2,x3,...,fun

iphone開發一些技巧

1、如果在程式中想對某張圖片進行處理的話(得到某張圖片的一部分)可一用以下程式碼: UIImage *image = [UIImage imageNamed:filename]; CGImageRef imageRef = image.CGImage; CGRect rect = CGRectMake(ori

位運算一些技巧

左位移幾就相當於乘以2的幾次方( Left bit shifting to multiply by any power of two ) //將一個值向左側移動一位與這個值乘以 2 等效 。浮點數通過捨去小數點後面的所有位來轉換為整數。 大約快了300% x = x *

protobuf-java一些技巧

1、json字串和pb物件之間的轉換: 1)pom.xml <dependency> <groupId>com.google.protobuf</groupId> <artifactId>protobuf-jav

MATLAB一些技巧(基礎)

1. Ctrl+C 中斷正在執行的操作 如果程式不小心進入死迴圈,或者計算時間太長,可以在命令視窗中使用Ctrl+c來中斷。MATLAB這時可能正疲於應付,響應會有些滯後。 2. figure命令新

Liferay 7 OSGi的一些技巧

liferay packages res ges shell portlet 依賴 include log 如果部署一個portlet到Liferay上,編譯沒有出現任何錯誤,卻提示有沒有解決的依賴,可能出現的問題是,我們這個portlet所需要的這個jar包在這個OSGi

vim一些技巧

小技巧 編輯器 組合鍵 鍵盤vi 1.vim編輯器的替換模式與可視模式在一般模式下按鍵盤上的r和R進入替換模式。如果按小r那麽這時候就進入了替換模式,你下一個輸入的字符會把你當前光標所在處的字符替換,然後自動退出替換模式。如果你按的是大R那麽你下面輸入的所有字符會把後面的字符依次替換,直到按退

Java在處理大數據的時候一些技巧

主線程 成本 寫入 exce 得到 拆分 是的 很多 會有  http://soft.chinabyte.com/database/258/12609258.shtml 眾所周知,java在處理數據量比較大的時候,加載到內存必然會導致內存溢出,而在一些數據處理中我們不得不去

獻身說法---修復bug時的一些技巧

throw 修復bug () 關閉 遠程 style pre col 文件 最近,修復了項目當中的一些bug,覺著有些思路可以分享出來供大家借鑒。 場景一 開發環境中系統正常運行,測試環境中,部分機器未能正常運行。 解決過程:遠程連接了測試環境中的機器,觀察了系統的運行情況