JavaScript--截取字符串

<script>
        $(document).ready(function () {

            //下標從0開始

            let str = '123456789';

            //使用一個參數
            console.log(str.slice(3)) //從第4個字符開始,截取到最后個字符;返回"456789"
            console.log(str.substring(3)) //從第4個字符開始,截取到最后個字符;返回"456789"

            //使用兩個參數
            console.log(str.slice(1, 5)) //從第2個字符開始，到第5個字符；返回"2345"
            console.log(str.substring(1, 5)) //從第2個字符開始，到第5個字符；返回"2345"

            //如果只用一個參數並且為0的話，那么返回整個參數
            console.log(str.slice(0))
            console.log(str.substring(0))

            //返回第一個字符
            console.log(str.slice(0, 1)) //1
            console.log(str.substring(0, 1)) //1

            //在上面的例子中我們可以看出slice()和substring()的用法是相同的
            //返回的值也是一樣的，但當參數為負數時，他們的返回值卻不一樣，看下面的例子
            console.log(str.slice(2, -5)) // 34
            console.log(str.substring(2, -5)) // 12
            //從上面兩個例子可以看出slice(2,-5)實際上是slice(2,4)
            //負5加上字符串長度9轉換成正4(若第一位數字等於或大於第二位數字,則返回空字符串);
            //而substring(2,-5)實際上是substring(2,0),負數轉換為0,substring總是把較小的數作為起始位置。


            //substring和substr的區別
            //相同點：如果只是寫一個參數，兩者的作用都一樣：都是是截取字符串從當前下標以后直到字符串最后的字符串片段。
            let str2 = '123456789';
            console.log(str2.substr(2)); //  "3456789"
            console.log(str2.substring(2)); //  "3456789"

            //不同點：第二個參數
            //substr（startIndex,lenth）： 第二個參數是截取字符串的長度（從起始點截取某個長度的字符串）；

            //substring（startIndex, endIndex）： 第二個參數是截取字符串最終的下標 （截取2個位置之間的字符串,‘含頭不含尾’）。

            console.log("123456789".substr(2, 5)); //  "34567"   從下標2開始，截取5個
            console.log("123456789".substring(2, 5)); //  "345"  從下標2開始，截取到下標為5的長度

            //總結：String.substr(startIndex,lenth) 這個是我們常用的從指定的位置(startIndex)截取指定長度(lenth)的字符串; 
            //String.substring(startIndex, endIndex) 這個是startIndex,endIndex里找出一個較小的值,然后從字符串的開始位置算起,截取較小值位置和較大值位置之間的字符串,截取出來的字符串的長度為較大值與較小值之間的差。


            // 函數：split() 
            //功能：使用一個指定的分隔符把一個字符串分割存儲到數組

            let str3 = '1,2,3,4,5,6';
            let arr = str3.split(',');
            console.log(arr); //["1", "2", "3", "4", "5", "6"]


            // 函數：John() 
            // 功能：使用您選擇的分隔符將一個數組合並為一個字符串

            let myList = new Array('jpg', 'bmp', 'gif', 'ico', 'png');
            let portableList = myList.join('|');
            console.log(portableList); //jpg|bmp|gif|ico|png


            
        })
    </script>