详解JS截取字符串的三个方法substring,substr,slice

1. substring() 方法

substring() 方法用于提取字符串中两个指定索引之间的字符。语法如下：

stringObject.substring(start, stop)

• 参数 start：必选，正整数，规定要提取的子串的第一个字符在 stringObject 中的位置。必须是数值，如果不是，会自动转换为数字。
• 参数 stop：可选，正整数，且必须大于 start 参数。规定子串的最后一个字符在 stringObject 中的位置。如果省略该参数，那么返回的子串会一直到字符串的结尾。

示例1：

var str = "hello world";
console.log(str.substring(1, 4)); // 输出为 "ell"

示例2：

var str = "hello world";
console.log(str.substring(4)); // 输出为 "o world"

1. substr() 方法

substr() 方法用于提取字符串中从指定位置开始的指定长度的字符。语法如下：

stringObject.substr(start, length)

• 参数 start：必选，要抽取的子串的起始下标。必须是数值，如果不是，会自动转换为数字。如果参数 start 是一个负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
• 参数 length：可选，从起始下标 start 处开始截取的字符数。如果省略该参数，那么返回从字符串的起始位置开始直到结尾的所有字符。

示例1：

var str = "hello world";
console.log(str.substr(1, 4)); // 输出为 "ello"

示例2：

var str = "hello world";
console.log(str.substr(4)); // 输出为 "o world"

1. slice() 方法

slice() 方法用于从已有的数组中返回选定的元素。语法如下：

stringObject.slice(start, end)

• 参数 start：必选，要抽取的片断的起始下标。必须是数值，如果不是，会自动转换为数字。如果是一个负数，则规定从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
• 参数 end：可选，规定片断的结尾。必须是数值，如果不是，会自动转换为数字。若省略该参数，那么 slice() 方法会在字符串的结尾处截取。如果该参数是负数，那么该值指定的是从字符串的尾部开始算起的位置。

示例1：

var str = "hello world";
console.log(str.slice(1, 4)); // 输出为 "ell"

示例2：

var str = "hello world";
console.log(str.slice(-5)); // 输出为 "world"

总结：

• 如果想要提取字符串中的某一段，且无论是从前往后还是从后往前取，都是取相同的片段，建议使用 substring() 方法。
• 如果想要提取字符串中的某一段且只是从前往后取一段片段，建议使用 substr() 方法。
• 如果想要提取字符串中的某一段且无论是从前往后还是从后往前都能取到不同的片段，建议使用 slice() 方法。