前端處理字串時，合理使用字串方法, 能起到事半功倍的效果

1，charAt(index) 查詢指定下標的字元

let str = 'abcdef'
let char = str.charAt(1) // 獲取str字串下標為1的字元
let char2 = str.charAt(5) // 獲取str字串下標為5的字元
console.log(char)
console.log(char2)
//  b
// '' 沒有該下標 放回空字串

2， split(char/reg) 以字元char或者正則reg分割成陣列

let str = 'abcdef'
let arr = str.split('') // 空字串分割
let arr2 = str.split('d') // 以字元 d 分割
let arr3 = str.split(/[c|e]/) // 已正則分割 => 已c或者e分割
console.log(arr)
console.log(arr2)
console.log(arr3)
// ['a', 'b', 'c', 'd', 'e', 'f'] 
// ['abc', 'ef']
// ['ab', 'd', 'f']
 

3, substr(index,length) 擷取字串 index開始擷取的下標 length擷取的長度

let str = 'abcdef'
let str2 = str.substr(2,3) 
console.log(str2)
// 'cde'

4, substring(startIndex,endIndex) 擷取字串從 下標startIndex開始，到下標endIndex（不包含下標為endIndex的字元）

let str = 'abcdef'
let str2 = str.substring(2,3)
let str3  = str.substring(2) // 如果 沒有endIndex,則從下標2開始，擷取到字串末尾
console.log(str2)
console.log(str3)
 

5,slice(startIndex,endIndex) 擷取字串從 下標startIndex 開始，到下標endIndex，endIndex（不包含下標為endIndex的字元）

let str = 'abcdef'
let str2 = str.slice(2,5)
console.log(str2)

6，indexOf(str) 查詢字串str的下標，返回找到的第一個下標,沒有查到返回-1

let str = 'abcdefcdrtt'
let str2 = str.indexOf('cd')
console.log(str2)
// 2 返回第一個'cd'串的下標

7，lastIndexOf(str) 查詢最後一個字串str的下標，沒有查到返回-1

let str = 'abcdefcdfff'
let str2 = str.lastIndexOf('cd')
console.log(str2)
// 6

8,toLowerCase 字串變成小寫

let str = 'abCDe'
let str2 = str.toLowerCase()
console.log(str2)
// abcde

9,toUpperCase 字串變成大寫

let str = 'abCDe'
let str2 = str.toUpperCase()
console.log(str2)
// ABCDE

以上是本人開發中比較常用的方法