JavaScript 字符串常用操作小结(非常实用)

字符串截取

1. substring()

xString.substring(start,end)

substring()是最常用到的字符串截取方法，它可以接收两个参数(参数不能为负值)，分别是要截取的开始位置和结束位置，它将返回一个新的字符串，其内容是从start处到end-1处的所有字符。若结束参数(end)省略，则表示从start位置一直截取到最后。

let str = 'www.jeffjade.com'console.log(str.substring(0,3)) // wwwconsole.log(str.substring(0)) //www.jeffjade.comconsole.log(str.substring(-2)) //www.jeffjade.com (传负值则视为0)

2. slice()

stringObject.slice(start, end)

slice()方法与substring()方法非常类似，它传入的两个参数也分别对应着开始位置和结束位置。而区别在于，slice()中的参数可以为负值，如果参数是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符。

let str = 'www.jeffjade.com'console.log(str.slice(0, 3)) // wwwconsole.log(str.slice(-3, -1)) // coconsole.log(str.slice(1, -1)) // www.jeffjade.coconsole.log(str.slice(2, 1)) // '' (返回空字符串,start须小于end)console.log(str.slice(-3, 0)) // '' (返回空字符串,start须小于end)

3. substr()

stringObject.substr(start,length)

substr()方法可在字符串中抽取从start下标开始的指定数目的字符。其返回值为一个字符串，包含从 stringObject的start（包括start所指的字符）处开始的length个字符。如果没有指定 length，那么返回的字符串包含从start到stringObject的结尾的字符。另外如果start为负数，则表示从字符串尾部开始算起。

let str = 'www.jeffjade.com'console.log(webStr.substr(1, 3)) // ww.console.log(webStr.substr(0)) // www.jeffjade.comconsole.log(webStr.substr(-3, 3)) // comconsole.log(webStr.substr(-1, 5)) // m (目标长度较大的话，以实际截取的长度为准)

4. split()

str.split([separator][, limit])

separator 指定用来分割字符串的字符（串）。separator 可以是一个字符串或正则表达式。 如果忽略 separator，则返回整个字符串的数组形式。如果 separator 是一个空字符串，则 str 将会把原字符串中每个字符的数组形式返回。

limit 一个整数，限定返回的分割片段数量。split 方法仍然分割每一个匹配的 separator，但是返回的数组只会截取最多 limit 个元素。

let str = 'www.jeffjade.com'str.split('.') // ["www", "jeffjade", "com"]str.split('.', 1) // ["www"]str.split('.').join('') // wwwjeffjadecom

话说这个函数真心好用，很多时候的字符截取需求，就是依赖于某个字符；而以上三个函数都需知道其位置。我们当然可以借助 indexOf 等方法获取，很显然这很繁琐；而借助 split 则显得更轻而易举。