JS中20個字符串方法及使用方式的案例

這篇文章將為大家詳細講解有關JS中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方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果沒有找到，則返回-1。Start是一個可選參數，指定字符串中開始搜索的位置，默認值為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中20個字符串方法及使用方式的案例就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。