字符串切片的艺术：String.slice 和 String.substring 有何区别？

字符串切片的艺术：String.slice 与 String.substring 的精妙差异

简介

在 JavaScript 的世界中，字符串操作是必不可少的。而当谈到提取子字符串时，String.slice 和 String.substring 是两把利器。虽然它们的功能相似，但一些微妙的差异决定了它们的适用场景。理解这些差异对于有效地使用它们至关重要。

String.slice：从起点提取指定长度

想象一下 String.slice 是一把锋利的刀。它允许你从一个特定点开始，切取指定长度的字符串。切片的起点由开始索引表示，而长度由结束索引指定（但请注意，结束索引不包括在内）。

const str = "Hello World";
const slice1 = str.slice(3); // "lo World"

String.substring：在两个点之间提取

另一方面，String.substring 就像一把剪刀。它从指定的开始索引开始，直到指定的结束索引（包括结束索引），将字符串剪下来。

const str = "Hello World";
const substring1 = str.substring(3, 8); // "lo Wo"

总结对比

特征	String.slice	String.substring
结束索引	不包含	包含
负索引	支持	不支持
原字符串修改	不修改	不修改

实用用例

这些方法在现实世界中有广泛的应用，例如：

• 提取文件名：从路径中提取文件扩展名。
• 移除前缀：从字符串中删除不需要的前缀。
• 截取字符串：将字符串缩短到特定长度。
• 提取 URL 参数：从 URL 中获取参数值。

小贴士

• 如果不指定结束索引，String.slice 和 String.substring 都会提取到字符串末尾。
• 负索引可用于从字符串末尾开始提取。
• 这些方法不会修改原始字符串。

结论

String.slice 和 String.substring 是 JavaScript 中强大的字符串切分工具。通过了解它们的差异，你可以根据需要选择最合适的那个，并在字符串操作任务中游刃有余。

常见问题解答

1. 什么时候应该使用 String.slice？

   • 当你想要从特定点开始提取指定长度的字符串时。

2. 什么时候应该使用 String.substring？

   • 当你想要提取两个索引之间的字符串时（包括结束索引）。

3. 负索引如何工作？

   • 负索引从字符串末尾开始计数。

4. 这些方法会修改原始字符串吗？

   • 不，它们不会修改原始字符串。

5. 除了提取字符串外，这些方法还有其他用途吗？

   • 它们还可以用于搜索和替换字符串中的子字符串。