你也許沒有注意到的javaScript基礎篇----trim()

前言

最近,我經過在閱讀js紅寶書的過程當中,發現了本身以前不熟悉的trim(),而後就按照本身的粗淺理解蒐集整理了一番,分享給你們,一塊兒學習。正則表達式

涉及到的知識內容

  • 關於trim的實例應用
  • trim和正則表達式的雙劍合璧

trim()

var stringValue = ' hello world ';
var timmerStringValue = stringValue.trim();
console.log(1+stringValue+1);		//輸出 1 hello world 1
console.log(1+timmerStringValue+1);	//輸出 1hello world1
複製代碼

在js高級程序設計上是這樣說的------trim()是用來刪除前置和後綴的全部空格,而後返回一個結果;學習

那思考

  • 他們相等嗎?

    function str(){
              str1 = "abc ";
              str2 = "abc";
              str3 = "abc";
              str1 = str1.trim();	//刪除str1的首位空格
             console.log(str1 === str3);  // ?
             console.log(str3 === str2);  // ?
        }
     str();
    複製代碼
    [^]: console出來兩個都是true,他們是全等的 ;
  • 在js中關於trim方法的實現大可能是結合在正則表達式中,如何實現呢?

    • 刪除左右兩邊的空格
      function trim(e){
              return e.replace(/(^\s*)|(\s*$)/g, "");
          } 
        var ps1 = (' abc ').trim();
        console.log(1+' abc '+1);	//輸出 1 abc 1
        console.log(1+ps1+1);	//輸出 1abc1 ==》這是刪除左右兩邊空格以後的輸出
      複製代碼
    • 刪除左邊的空格
      function ltrim(e){
              return e.replace(/(^\s*)/g, "");
          }
       var ps1 = ltrim(' abc ');
       console.log(1+ps1+1);	//輸出 1abc 1
      複製代碼
    • 刪除右邊的空格
      function rtrim(e){
             return e.replace(/(\s*$)/g, "");
          }
      var ps1 = rtrim(' abc ');
      console.log(1+ps1+1);	//輸出 1 abc1
      複製代碼

小結

trim()的使用場景在平時工做中可能接觸會不多,可是若是真的須要咱們處理規整一些字符串格式的話他的用處不可小覷,本文只是結合本身經過看到」js紅寶書「中第五章延伸出來的一點,這些只是關於trim中的冰山一角,還須要咱們多敲多思考多問爲何,繼續總結。ui

後記

若是你喜歡探討技術,或者對本文有任何意見和建議,歡迎來互動!衷心但願能夠碰見你。對了,關於文章中結合用到的正則表達式,若是你感興趣的話能夠去查閱相關資料瞭解一番!相信也會有意想不到的收穫;一塊兒加油吧~spa

相關文章
相關標籤/搜索