首頁 > web前端 > js教程 > 主體

JS中20個常用字串方法及使用方式(總結)

青灯夜游
發布: 2020-10-12 17:38:43
轉載
3022 人瀏覽過

JS中20個常用字串方法及使用方式(總結)

以下這篇文章跟大家介紹JavaScript中20個常用字串方法及使用方式。有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

1. charAt(x)

charAt(x)傳回字串中x位置的字符,下標從0 開始。

    //charAt(x)
    var myString = 'jQuery FTW!!!';
    console.log(myString.charAt(7));
    //output: F
登入後複製

2. charCodeAt(x)

`charCodeAt(x)`返回字符串中`x`位置处字符的`unicode`值。

    //charAt(position)
    var message="jquery4u"
    //alert "113"
    alert(message.charAt(1)
登入後複製

3. concat(v1,v2..)

concat() 方法用於連接兩個或多個字串,此方法不會改變現有的字串,傳回拼接後的新的字串。

    //concat(v1, v2,..)
    var message="Sam"
    var final=message.concat(" is a"," hopeless romantic.")
    //alerts "Sam is a hopeless romantic."
    alert(final)
登入後複製

4. fromCharcode(c1,c2)

fromCharcode(c1,c2)轉換一組Unicode值轉換為字元。

    //fromCharCode(c1, c2,...)
    console.log(String.fromCharCode(97,98,99,120,121,122))
    //output: abcxyz
    console.log(String.fromCharCode(72,69,76,76,79))
    //output: HELLO
登入後複製

5. indexOf(substr, [start])

#indexOf方法搜尋並(如果找到)傳回字串中搜尋到的字元或子字串的索引。如果沒有找到,則傳回-1Start是一個可選參數,指定字串中開始搜尋的位置,預設值為0

    //indexOf(char/substring)
    var sentence="Hi, my name is Sam!"
    if (sentence.indexOf("Sam")!=-1)
    alert("Sam is in there!")
登入後複製

6. lastIndexOf(substr, [start])

#lastIndexOf() 方法傳回指定文字在字串中最後一次出現的索引, 如果未找到,則回傳-1。 「Start」是一個可選參數,指定字串中開始搜尋的位置, 預設值為string.length-1

    //lastIndexOf(substr, [start])
    var myString = 'javascript rox';
    console.log(myString.lastIndexOf('r'));
    //output: 11
登入後複製

7. match(regexp)

根據正規表示式在字串中搜尋符合項目。如果沒有找到匹配項,則傳回一個資訊數組或null

    //match(regexp) //select integers only
    var intRegex = /[0-9 -()+]+$/;  
     
    var myNumber = '999';
    var myInt = myNumber.match(intRegex);
    console.log(isInt);
    //output: 999
     
    var myString = '999 JS Coders';
    var myInt = myString.match(intRegex);
    console.log(isInt);
    //output: null
登入後複製

8. replace(regexp/substr, replacetext)

#replace() 方法用於在字串中用一些字元替換另一些字符,或替換一個與正規表示式相符的子字串。

    //replace(substr, replacetext)
    var myString = '999 JavaScript Coders';
    console.log(myString.replace(/JavaScript/i, "jQuery"));
    //output: 999 jQuery Coders
     
    //replace(regexp, replacetext)
    var myString = '999 JavaScript Coders';
    console.log(myString.replace(new RegExp( "999", "gi" ), "The"));
    //output: The JavaScript Coders
登入後複製

9. search(regexp)

search() 方法用於檢索字串中指定的子字串,或檢索與正規表示式相符的子字串,如果找到,傳回與regexp 相符的子字串的起始位置,否則傳回-1

    //search(regexp)
    var intRegex = /[0-9 -()+]+$/;  
     
    var myNumber = '999';
    var isInt = myNumber.search(intRegex);
    console.log(isInt);
    //output: 0
登入後複製

10. slice(start, [end])

#slice() 方法可提取字串的某個部分,傳回一個新的字串。包括字串從 start 開始(包括 start)到 end 結束(不包括 end)為止的所有字元。

    //slice(start, end)
    var text="excellent"
    text.slice(0,4) //returns "exce"
    text.slice(2,4) //returns "ce"
登入後複製

11. split(delimiter, [limit])

#split() 方法用來把字串分割成字串數組,傳回字串數組傳回的陣列中的字串不包括delimiter自身。可選的「limit」是一個整數,允許各位元指定要傳回的最大陣列的元素個數。

12. substr(start, [length])

substr() 方法可在字串中抽取從start 下標開始的指定數目的字元。傳回一個新的字串,包含從 start(包括 start 所指的字元) 處開始的 length 個字元。如果沒有指定 length,那麼傳回的字串包含從 start 到該字串的結尾的字元。

    //substring(from, to)
    var text="excellent"
    text.substring(0,4) //returns "exce"
    text.substring(2,4) //returns "ce"
登入後複製

13. substring(from, [to])

#substring() 方法用於提取字串中介於兩個指定下標之間的字符,方傳回的子字串包括start 處的字符,但不包括stop 處的字符,to 可選,如果省略該參數,那麼傳回的子串會一直到字串的結尾。

    //substring(from, [to])
    var myString = 'javascript rox';
    myString = myString.substring(0,10);
    console.log(myString)
    //output: javascript
登入後複製

14. toLowerCase()

toLowerCase() 方法用來轉換字串為小寫。

    //toLowerCase()
    var myString = 'JAVASCRIPT ROX';
    myString = myString.toLowerCase();
    console.log(myString)
    //output: javascript rox
登入後複製

15. toUpperCase()

toUpperCase() 方法用來轉換字串為大寫。

    //toUpperCase()
    var myString = 'javascript rox';
    myString = myString.toUpperCase();
    console.log(myString)
    //output: JAVASCRIPT ROX
登入後複製

16. includes()

includes() 方法用於檢查字串是否包含指定的字串或字元。

    //includes()
    var mystring = "Hello, welcome to edureka";
    var n = mystring.includes("edureka");
    //output: True
登入後複製

17. endsWith()

endsWith()函數檢查字串是否以指定的字串或字元結束。

    //endsWith()
    var mystr = "List of javascript functions";
    var n = mystr.endsWith("functions");
    //output: True
登入後複製

18. repeat()

repeat() 建構並傳回一個新字串,該字串包含被連接在一起的指定數量的字串的副本。

    //repeat()
    var string = "Welcome to Edureka";
    string.repeat(2);
    //output: Welcome to Edureka Welcome to Edureka
登入後複製

19. valueOf()

valueOf() 方法傳回一個String物件的原始值(primitive value),該值等同於String.prototype.toString()

    //valueOf()
    var mystr = "Hello World!";
    var res = mystr.valueOf();
    //output: Hello World!
登入後複製

20. trim()

trim() 方法會從一個字串的兩端刪除空白字元。在這個上下文中的空白字元是所有的空白字元 (space, tab, no-break space 等) 以及所有行終止符字元(如 LF,CR)

    //trim()
    var str = "     Hello Edureka!     ";
    alert(str.trim());
登入後複製

相关免费学习推荐:js视频教程

以上是JS中20個常用字串方法及使用方式(總結)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!