JS基本入門篇（十）—字符串要領

2023年6月6日 103次阅读 来源: 梁志芳

1.要領瀏覽申明

返回值範例 對象.要領稱號（參數1[,參數二]）;
詮釋：

返回值範例：指的是函數挪用完畢后返回的值的範例。
對象.要領稱號：指的是挪用要領。
參數列表：示意函數挪用時傳入的參數。[]示意可選參數，可寫可不寫。

2.字符串屬性

定義：經由過程一對“”或許一對”包起來的，由0個或許多個字符構成的就是字符串。
字符串長度：

string.length;

eg:

var str1="abc";
var str2="";
var str3=" ";
console.log(str1.length);//3
console.log(str2.length);//0
console.log(str3.length);//1

3.charAt

作用： 此要領返回對應位置的字符。
語法： string string.charAt(index);
參數： index指 0到 字符串長度-1 的某個一個整數。
返回值： 返回字符串對應位置的字符。

注重：

- 假如傳入參數小於0或許大於 字符串長度-1，則返回空字串。
- 假如傳入boolean值，假如為true，默許是轉化為数字1，指到字符串第二個字符。假如為false，默許是轉化為数字0，指到字符串第一個字符。
- 假如傳入恣意字符串，則指到字符串第一個字符。

<script>
        var str="abc";
        console.log(str.charAt(0));//a
        console.log(str.charAt(2));//c
        console.log(str.charAt(-88));//""
        console.log(str.charAt(false));//a
        console.log(str.charAt(true));//b
        console.log(str.charAt("unm"));//a
</script>

4.chatCodeAt

作用：返回對應位置字符的 Unicode 數值
語法： number string.charCodeAt(index);
參數： index指 0到 字符串長度-1 的某個一個整數。
返回值： 返回字符串對應位置的字符的 Unicode 數值。

注重：
假如傳入參數小於0或許大於 字符串長度-1，則返回空字串。則返回NAN。

<script>
    var str="abc";
    console.log(str.charCodeAt(0));//97
    console.log(str.charCodeAt(2));//99
    console.log(str.charCodeAt(-88));//NAN
    console.log(str.charCodeAt(false));//97
    console.log(str.charCodeAt(true));//98
    console.log(str.charCodeAt(undefined));//97
    console.log(str.charCodeAt("zzzz"));//97
</script>

4.fromCharCode

作用：將 Unicode 數值轉化為對應的字符。
語法： string String.fromCharCode(index);
參數： index指傳入恣意的整數。
返回值： 返回Unicode 數值對應的字符串。

<script>
    console.log( String.fromCharCode( 97 ) );//a
    console.log( String.fromCharCode( 65 ) );//A
</script>

加密解密的小例子

5.indexOf

作用： 返回 指定值 在挪用該要領時字符串初次湧現的位置。
語法： number string.indexOf((searchValue [, fromIndex]));
參數： searchValue 指要查找的字符串。fromIndex 指從那裡最先查找，默許值為0。
返回值： 返回 数字。
注重：假如存在 則返回位置，不存在則返回-1。

<script>
    var str="abcabcabc";
    console.log(str.indexOf("a"));//0
    console.log(str.indexOf("b"));//1
    console.log(str.indexOf("z"));//-1

    console.log(str.indexOf("ab"));//0
    console.log(str.indexOf("ac"));//-1

    console.log(str.indexOf("bc",0));//1
    console.log(str.indexOf("bc",-2));//1
    console.log(str.indexOf("bc",18));//-1
</script>

5.lastIndexOf

作用： 返回 指定值 在挪用該要領時字符串末了湧現的位置。
語法： number string.indexOf((searchValue [, fromIndex]));
參數： searchValue 指要查找的字符串。fromIndex 指從那裡最先查找，默許值為str.length-1。
返回值： 返回 数字。
注重：假如存在 則返回位置，不存在則返回-1。

<script>
        var str="abcabcabc";
        console.log(str.lastIndexOf("a"));//6
        console.log(str.lastIndexOf("b"));//7
        console.log(str.lastIndexOf("z"));//-1

        console.log(str.lastIndexOf("ab"));//6
        console.log(str.lastIndexOf("ac"));//-1

        console.log(str.lastIndexOf("bc",0));//-1
        console.log(str.lastIndexOf("bc",-2));//-1
        console.log(str.lastIndexOf("bc",18));//7
</script>

6.slice

作用： 要領提取字符串中的一部分，並返回這個新的字符串（包括肇端位置，不包括完畢位置）
語法： string string.slice((star [, end]));
參數： star是指截取的肇端位置，end是指截取的完畢位置，默許為末了一個字符的位置+1 ( 字符串的長度 )。
返回值： 返回 截取到 的字符串。

注重：

  • 不會依據參數大小，交流參數位置
  • 假如參數中有負值，則處理成從末端最先數。-1指末了一個元素，-2 指倒數第二個元素。
<script>
    var str="abcabc";
    console.log(str.slice(2));//"cabc"
    console.log(str.slice(0,2));//"ab"
    console.log(str.slice(2,2));//""

    console.log(str.slice(2,-1));//"cab"
    console.log(str.slice(2,-6));//""

    console.log(str.slice(2,1));//""
    console.log(str.slice(-2,-1));//"b"
</script>

7.substring

作用： 要領提取字符串中的一部分，並返回這個新的字符串（包括肇端位置，不包括完畢位置）
語法： string string.slice((star [, end]));
參數： star是指截取的肇端位置，end是指截取的完畢位置，默許為末了一個字符的位置+1 ( 字符串的長度 )。
返回值： 返回 截取到 的字符串。

注重：

  • 會依據肇端位置和完畢位置的大小先舉行參數位置的變更
  • 會把負值轉換成0
<script>
    var str="abcabc";
    console.log(str.substring(2));//"cabc"
    console.log(str.substring(0,2));//"ab"
    console.log(str.substring(2,2));//""

    console.log(str.substring(2,-1));//"ab"
    console.log(str.substring(2,-6));//"ab"

    console.log(str.substring(2,1));//"b"
    console.log(str.substring(-2,-1));//""
</script>

8.substr

作用: 截取指定 肇端位置和長度 的子字符串.
語法: string string.substr(start [, length]);
參數: start :截取的肇端位置 。length:截取的字符串長度，默許為字符長度。
返回值: 返回截取到的字符串

<script>
    var str="abcabcabcabc";
    console.log(str.substr(0));//abcabcabcabc
    console.log(str.substr(3));//abcabcabc
    console.log(str.substr(3,5));//abcab

    console.log(str.substr(3,-1));""
</script>

9.toLowerCase

1.toLowerCase
作用: 把字符串悉數轉成小寫
語法: string string.toLowerCase();
返回值: 返迴轉成小寫的字符串。

2.toUpperCase
作用: 把字符串悉數轉成大寫
語法: string string.toUpperCase();
返回值: 返迴轉成大寫的字符串。

<script>
        var str = "liangZhiFANG";
        console.log( str.toLowerCase() );//"liangzhifang"
        console.log( str.toUpperCase() );//"LIANGZHIFANG"
        console.log( str );//"liangZhiFANG"
        console.log( "LoveJs".toLowerCase() );//"lovejs"
</script>

10.split

作用: 經由過程一個指定的字符串 把原字符串支解成一個數組。
語法: array string.split([separator] [, limit])
參數:separator是指支解符。limit指定最多支解的數目，能夠理解為數組長度，默許為悉數。
返回值:返回一個數組。
注重:當沒有支解符的時候(沒有傳入參數)，全部字符串將作為一個團體保存到數組中。 用支解符支解的時刻，支解符會在被刪除了在傳入數組。

<script>
        var str="我愛,你,們";
        console.log(str.split(","));//["我愛","你","們"]
        console.log(str.split(",",2));//["我愛","你"]
        console.log(str.split());//["我愛,你,們"]
        console.log(str.split("mmm"));//["我愛,你,們"]
        console.log(str.split(""));//["我", "愛", "," , "你", "," ,"們"]
    </script>
    原文作者：梁志芳
    原文地址: https://segmentfault.com/a/1190000014972093
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞