<dfn id="hx3xz"><listing id="hx3xz"><menuitem id="hx3xz"></menuitem></listing></dfn>

      <form id="hx3xz"><form id="hx3xz"><th id="hx3xz"></th></form></form><form id="hx3xz"></form>
        400-650-7353
        您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】String對象(下)

        【Web前端基礎知識】String對象(下)

        • 發布: 優就業it培訓
        • 來源:
        • 2022-08-03 17:24:36
        • 閱讀()
        • 分享
        • 手機端入口

        String.prototype.substring()

        substring方法用于從原字符串取出子字符串并返回,不改變原字符串,跟slice方法很相像。它的第一個參數表示子字符串的開始位置,第二個位置表示結束位置(返回結果不含該位置)。

        1. 'JavaScript'.substring(0, 4) // "Java" 

        如果省略第二個參數,則表示子字符串一直到原字符串的結束。

        1. 'JavaScript'.substring(4) // "Script" 

        如果第一個參數大于第二個參數,substring方法會自動更換兩個參數的位置。

        1. 'JavaScript'.substring(10, 4) // "Script" 
        2.  
        3. // 等同于 
        4.  
        5. 'JavaScript'.substring(4, 10) // "Script" 

        上面代碼中,調換substring方法的兩個參數,都得到同樣的結果。

        如果參數是負數,substring方法會自動將負數轉為0。

        1. 'JavaScript'.substring(-3) // "JavaScript" 
        2.  
        3. 'JavaScript'.substring(4, -3) // "Java" 

        上面代碼中,第二個例子的參數-3會自動變成0,等同于'JavaScript'.substring(4, 0)。由于第二個參數小于第一個參數,會自動互換位置,所以返回Java。

        由于這些規則違反直覺,因此不建議使用substring方法,應該優先使用slice。

        String.prototype.substr()

        substr方法用于從原字符串取出子字符串并返回,不改變原字符串,跟slice和substring方法的作用相同。

        substr方法的第一個參數是子字符串的開始位置(從0開始計算),第二個參數是子字符串的長度。

        1. 'JavaScript'.substr(4, 6) // "Script" 

        如果省略第二個參數,則表示子字符串一直到原字符串的結束。

        1. 'JavaScript'.substr(4) // "Script" 

        如果第一個參數是負數,表示倒數計算的字符位置。如果第二個參數是負數,將被自動轉為0,因此會返回空字符串。

        1. 'JavaScript'.substr(-6) // "Script" 
        2.  
        3. 'JavaScript'.substr(4, -1) // "" 

        上面代碼中,第二個例子的參數-1自動轉為0,表示子字符串長度為0,所以返回空字符串。

        String.prototype.indexOf(),String.prototype.lastIndexOf()

        indexOf方法用于確定一個字符串在另一個字符串中第一次出現的位置,返回結果是匹配開始的位置。如果返回-1,就表示不匹配。

        1. 'hello world'.indexOf('o'// 4 
        2.  
        3. 'JavaScript'.indexOf('script'// -1 

        indexOf方法還可以接受第二個參數,表示從該位置開始向后匹配。

        1. 'hello world'.indexOf('o', 6) // 7 

        lastIndexOf方法的用法跟indexOf方法一致,主要的區別是lastIndexOf從尾部開始匹配,indexOf則是從頭部開始匹配。

        1. 'hello world'.indexOf('o', 6) // 7 

        另外,lastIndexOf的第二個參數表示從該位置起向前匹配。

        1. 'hello world'.lastIndexOf('o', 6) // 4 

        String.prototype.trim()

        trim方法用于去除字符串兩端的空格,返回一個新字符串,不改變原字符串。

        1. ' hello world '.trim() 
        2.  
        3. // "hello world" 

        該方法去除的不僅是空格,還包括制表符(\t、\v)、換行符(\n)和回車符(\r)。

        1. '\r\nabc \t'.trim() // 'abc' 

        String.prototype.split()

        split方法按照給定規則分割字符串,返回一個由分割出來的子字符串組成的數組。

        1. 'a|b|c'.split('|'// ["a", "b", "c"] 

        如果分割規則為空字符串,則返回數組的成員是原字符串的每一個字符。

        1. 'a|b|c'.split(''// ["a", "|", "b", "|", "c"] 

        如果省略參數,則返回數組的唯一成員就是原字符串。

        1. 'a|b|c'.split() // ["a|b|c"] 

        如果滿足分割規則的兩個部分緊鄰著(即兩個分割符中間沒有其他字符),則返回數組之中會有一個空字符串。

        1. 'a||c'.split('|'// ['a', '', 'c'] 

        如果滿足分割規則的部分處于字符串的開頭或結尾(即它的前面或后面沒有其他字符),則返回數組的第一個或最后一個成員是一個空字符串。

        1. '|b|c'.split('|'// ["", "b", "c"] 
        2.  
        3. 'a|b|'.split('|'// ["a", "b", ""] 

        以上,我們對String對象創建方式和常用方法做了說明,希望能讓你對String對象有清晰的了解。

        文章“【Web前端基礎知識】String對象(下)”已幫助

        更多內容

        >>本文地址:http://www.hxuphoto.com/zhuanye/2022/72193.html

        THE END  

        聲明:本站稿件版權均屬中公教育優就業所有,未經許可不得擅自轉載。

        領取零基礎自學IT資源

        (內含學習路線+視頻教程+項目源碼)

        涉及Java、Web前端、UI設計、軟件測試、Python等多個IT熱門方向

        打開微信掃一掃即可領取哦~

        1 您的年齡

        2 您的學歷

        3 您更想做哪個方向的工作?

        獲取測試結果
        • 大前端大前端
        • 大數據大數據
        • 互聯網營銷互聯網營銷
        • JavaJava
        • Linux云計算Linux
        • Python+人工智能Python
        • 嵌入式物聯網嵌入式
        • 全域電商運營全域電商運營
        • 軟件測試軟件測試
        • 室內設計室內設計
        • 平面設計平面設計
        • 電商設計電商設計
        • 網頁設計網頁設計
        • 全鏈路UI/UE設計UI設計
        • VR/AR游戲開發VR/AR
        • 網絡安全網絡安全
        • 新媒體與短視頻運營新媒體
        • 直播帶貨直播帶貨
        • 智能機器人軟件開發智能機器人
         

        快速通道fast track

        近期開班時間TIME

        无码高潮爽到爆的喷水视频

          <dfn id="hx3xz"><listing id="hx3xz"><menuitem id="hx3xz"></menuitem></listing></dfn>

            <form id="hx3xz"><form id="hx3xz"><th id="hx3xz"></th></form></form><form id="hx3xz"></form>