JS提取字符串方法slice、substr、substring对比

JavaScript

slice()

slice() 方法用于提取字符串中的一部分，并且返回新的字符串。
语法：

str.slice(beginSlice[, endSlice])

注意：
slice() 提取的新字符串包括beginSlice但不包括 endSlice。
例1：str.slice(1, 4) 提取新字符串从第二个字符到第四个 (字符索引值为 1, 2, 和 3)。
例2：str.slice(2, -1) 提取第三个字符到倒数第二个字符。

更多资料参考 slice - MDN JavaScript

substr()

substr() 方法返回字符串中从 指定位置开始 到 指定长度 的子字符串。
语法：

str.substr(start[, length])

更多资料参考 substr - MDN JavaScript

substring()

substring() 返回字符串两个索引之间（或到字符串末尾）的子串。

语法：

str.substring(indexStart[, indexEnd])

注意：
substring 提取从 indexStart 到 indexEnd（不包括）之间的字符。

• 如果 indexStart 等于 indexEnd，substring 返回一个空字符串。
• 如果省略 indexEnd，substring 提取字符一直到字符串末尾。
• 如果任一参数小于 0 或为 NaN，则被当作 0。
• 如果任一参数大于 stringName.length，则被当作 stringName.length。

说明

从字符串末尾开始计算位置：-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推；也可视为字符串长度与负数之和的位置，若结果小于0，则视为0。

更多资料参考 substring - MDN JavaScript

主要区别

• 三个方法的参数1都代表子串开始位置，参数2在slice和substring中表示结束位置，而在substr中代表的则是子串长度；
• 对于负数态度，当出现在参数1的位置时，slice和substr从末尾开始计算，而substring不支持末尾计数法直接视为0；当出现在参数2位置时，slice和substring的处理同参数1：前者从末尾开始计算，后者转换成0，而substr则视负数长度为0返回空串；
• 对于参数1小于参数2的情况，substring最大的不同在于它会交换两个参数再截取子串，substr因第二参数表示的是长度因此并无异常，slice曽依然正常搜寻子串始末位置，若开始位置在结尾后边则返回空串。

拓展阅读

JavaScript取子串方法slice,substr,substring对比表