JavaScript中substring、substr与slice截取字符串的区别详解

substring、substr 与 slice 基本用法

stringObject.substring(start,stop) 方法用于从字符串中提取指定下标范围内的字符。

start 参数是必需的，它代表一个非负整数，指定了子串起始字符在 stringObject 中的索引位置。

stop 参数是可选的，它指定了子串结束位置的前一个字符索引（即不包含 stop 本身）。若省略此参数，提取操作将延伸至字符串末尾。

start从0开始 到stop(不包含stop)结束 不接受负的参数。

stringObject.substr(start,length) 方法用于从字符串中提取从 start 索引开始的指定长度字符。

start 参数是必需的数值，表示子串的起始下标。若为负数，则从字符串尾部反向计算位置，例如 -1 表示最后一个字符，-2 表示倒数第二个字符。

length 参数是可选的数值，指定要提取的字符数量。若省略，则返回从 start 位置到字符串末尾的所有字符。

stringObject.slice(start,end) 方法用于提取字符串的指定片段，并返回一个新的字符串。

start 参数指定提取片段的起始下标。若为负数，则从字符串尾部反向计算，-1 代表最后一个字符，-2 代表倒数第二个字符，依此类推。

end 参数指定提取片段的结束下标（不包含 end 本身）。若省略，则提取从 start 到字符串末尾的部分；若为负数，同样从字符串尾部反向计算位置。

该方法返回的新字符串包含从 start（含）到 end（不含）之间的所有字符。

string.slice()
string.substring()
string.substr()
var stringValue = “hello world”;
alert(stringValue.slice(3));     //”lo world”
alert(stringValue.substring(3));   //”lo world”
alert(stringValue.substr(3));    //”lo world”
alert(stringValue.slice(3,7));     //”lo w”
alert(stringValue.substring(3,7));  //”lo w”
alert(stringValue.substr(3,7));    //”lo worl”

当仅传入一个参数 n 时，三种方法均从第 n 个位置（索引从0开始）开始提取，直至字符串末尾。

当传入两个参数 n 和 m 时，slice 和 substring 均返回从第 n 个位置到第 m 个位置（不含 m）的子串，而 substr 则返回从第 n 个位置开始的 m 个字符。

string.slice()
string.substring()
string.substr()
var stringValue = “hello world”;
alert(stringValue.slice(-3));     //”rld”
alert(stringValue.substring(-3));   //”hello world”
alert(stringValue.substr(-3));    //”rld”
alert(stringValue.slice(3,-4));     //”lo w”
alert(stringValue.substring(3,-4));  //”hel”
alert(stringValue.substr(3,-4));    //”"(空字符串)

负数参数处理机制与兼容性问题

处理负数参数时，slice 会将负索引与字符串长度相加后计算；substr 会将第一个负参数与字符串长度相加，但第二个参数若为负则转为 0；substring 则将所有负数参数强制转换为 0。

值得注意的是，IE 浏览器的 JavaScript 实现在处理 substr() 方法的负数参数时存在兼容性问题，可能会直接返回原始字符串而非预期结果。

总结

以上介绍了 JavaScript 中三种字符串截取方法的用法与区别。希望本文能帮助您根据具体需求选择合适的方法。如有任何疑问，欢迎留言交流，我们将及时回复。感谢支持！