JavaScript 截取字符串代碼實(shí)例

<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è)較小的值,然后從字符串的開始位置算起,截取較小值位置和較大值位置之間的字符串,截取出來(lái)的字符串的長(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>