js 字符串截取 substring() 方法、 substr() 方法、slice() 方法、split() 、join()；

三種 js 截取字符串的方法：

• substring() 方法；
• substr() 方法；
• slice() 方法；  
• 1、：substring() 方法：string.substring(from, to) 方法從 from 位置截取到 to 位置，to 可選，沒有設置時默認到末尾【用於提取字符串中介於兩個指定下標之間的字符】

         2、slice() 方法：slice(start,end) 方法用於提取字符串的某個部分（從參數 start 到 end 位置），並以新的字符串返回被提取的部分。類似 substring()

        3、substr() 方法：substr(start [, length ])可在字符串中截取從開始下標開始的指定數目的字符。

 

   let str = 'vue packagejson'
   console.log(str.substring(4,8)) //substring 截取第5個到第8個 ；返回：pack
   console.log(str.substring(4))  // 截取 第5個到末尾 ；返回：packagejson
   console.log(str.substr(4))  // 截取 第5個到末尾 ；返回：packagejson
   console.log(str.substr(4,8))  // 截取 第5個字符開始截取8個字符 ；返回：packagej
    console.log('-----------------------------')
   console.log(str.slice(4,8)) // slice截取第5個到第8個 ；返回：pack
   console.log(str.slice(4))  // 截取 第五個到末尾 ；返回：packagejson
    console.log('-----------------------------')
   console.log(str.slice(0)) // 返回整個字符串 ；返回：vue packagejson
   console.log(str.substring(0))  // 返回整個字符串 ；返回：vue packagejson
   console.log(str.substr(0))  // 返回整個字符串 ；返回：vue packagejson
   //------------在上面的例子中我們可以看出slice()和substring()的用法是相同的--------------
   // -----------返回的值也是一樣的，但當參數為負數時，他們的返回值卻不一樣
   console.log(str.slice(2,-4)) // 截取第3個到第11（2,11） ；返回：e package
   console.log(str.slice(2,11)) 
   console.log(str.substring(2,-4))  // 實際上是substring(2,0),負數轉換為0,substring總是把較小的數作為起始位置。返回：vu
   //------------------

 

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

let strA = 'jpg|bmp|gif|ico|png'
let arr=strA.split('|')  
console.log(arr)

 

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

let myList=new Array('jpg', 'bmp', 'gif', 'png');
    let pList=myList.join('|'); console.log(pList) // 返回： jpg|bmp|gif|png ---string 類型 // 遇到過后台入參需要用 逗號隔開時