這篇文章主要介紹了JavaScript 截取字符串代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

代碼如下

<script>    $(document).ready(function () {      //下標(biāo)從0開始      let str = '123456789';      //使用一個(gè)參數(shù)      console.log(str.slice(3)) //從第4個(gè)字符開始,截取到最后個(gè)字符;返回"456789"      console.log(str.substring(3)) //從第4個(gè)字符開始,截取到最后個(gè)字符;返回"456789"      //使用兩個(gè)參數(shù)      console.log(str.slice(1, 5)) //從第2個(gè)字符開始，到第5個(gè)字符；返回"2345"      console.log(str.substring(1, 5)) //從第2個(gè)字符開始，到第5個(gè)字符；返回"2345"      //如果只用一個(gè)參數(shù)并且為0的話，那么返回整個(gè)參數(shù)      console.log(str.slice(0))      console.log(str.substring(0))      //返回第一個(gè)字符      console.log(str.slice(0, 1)) //1      console.log(str.substring(0, 1)) //1      //在上面的例子中我們可以看出slice()和substring()的用法是相同的      //返回的值也是一樣的，但當(dāng)參數(shù)為負(fù)數(shù)時(shí)，他們的返回值卻不一樣，看下面的例子      console.log(str.slice(2, -5)) // 34      console.log(str.substring(2, -5)) // 12      //從上面兩個(gè)例子可以看出slice(2,-5)實(shí)際上是slice(2,4)      //負(fù)5加上字符串長(zhǎng)度9轉(zhuǎn)換成正4(若第一位數(shù)字等于或大于第二位數(shù)字,則返回空字符串);      //而substring(2,-5)實(shí)際上是substring(2,0),負(fù)數(shù)轉(zhuǎn)換為0,substring總是把較小的數(shù)作為起始位置。      //substring和substr的區(qū)別      //相同點(diǎn)：如果只是寫一個(gè)參數(shù)，兩者的作用都一樣：都是是截取字符串從當(dāng)前下標(biāo)以后直到字符串最后的字符串片段。      let str2 = '123456789';      console.log(str2.substr(2)); // "3456789"      console.log(str2.substring(2)); // "3456789"      //不同點(diǎn)：第二個(gè)參數(shù)      //substr（startIndex,lenth）： 第二個(gè)參數(shù)是截取字符串的長(zhǎng)度（從起始點(diǎn)截取某個(gè)長(zhǎng)度的字符串）；      //substring（startIndex, endIndex）： 第二個(gè)參數(shù)是截取字符串最終的下標(biāo) （截取2個(gè)位置之間的字符串,‘含頭不含尾'）。      console.log("123456789".substr(2, 5)); // "34567"  從下標(biāo)2開始，截取5個(gè)      console.log("123456789".substring(2, 5)); // "345" 從下標(biāo)2開始，截取到下標(biāo)為5的長(zhǎng)度      //總結(jié)：String.substr(startIndex,lenth) 這個(gè)是我們常用的從指定的位置(startIndex)截取指定長(zhǎng)度(lenth)的字符串;       //String.substring(startIndex, endIndex) 這個(gè)是startIndex,endIndex里找出一個(gè)較小的值,然后從字符串的開始位置算起,截取較小值位置和較大值位置之間的字符串,截取出來的字符串的長(zhǎng)度為較大值與較小值之間的差。      // 函數(shù)：split()       //功能：使用一個(gè)指定的分隔符把一個(gè)字符串分割存儲(chǔ)到數(shù)組      let str3 = '1,2,3,4,5,6';      let arr = str3.split(',');      console.log(arr); //["1", "2", "3", "4", "5", "6"]      // 函數(shù)：John()       // 功能：使用您選擇的分隔符將一個(gè)數(shù)組合并為一個(gè)字符串      let myList = new Array('jpg', 'bmp', 'gif', 'ico', 'png');      let portableList = myList.join('|');      console.log(portableList); //jpg|bmp|gif|ico|png          })  </script>