JavaScript是一种动态且最流行的编程语言，可以在客户端和服务器端使用。 JavaScript 用于创建交互式网页。它有很多框架，如React JS、Angular JS、Node JS等，
JavaScript 包含许多内置函数来执行各种任务。有一些函数用于操作字符串。 Str.slice 和 str.substring 是两个可以操作字符串的 inbuit 函数。虽然这两个函数的功能几乎相似，但它们之间还是有一些区别
此方法根据指定的索引返回字符串的一部分。 slice 方法的语法如下 -
string.slice (start, end)
该方法有两个参数，即start和end。 Start 指定应从其开始的索引，end index 告诉要返回的字符串的最后一个索引。返回字符串时不包括结束索引。结束是没有必要的。如果未指定 end，则返回从指定的起始索引开始的整个字符串。这里，索引从“0”开始。
该方法也与切片方法类似，返回字符串的一部分作为新字符串。该方法的语法如下 -
string.substring (start, end)
这里，start 和 end 是两个参数，表示应返回字符串的索引。如果未指定结束索引，则返回从指定开始索引开始的整个字符串。返回字符串时不包括结束索引。索引从“0”开始。
考虑字符串长度为 12 的字符串“Good Morning”。让我们通过以下示例来了解这些方法的功能 -
const greeting = 'Good Morning'
如果起始索引是正数，则两种方法给出相同的输出。
greeting.slice (5) // 'Morning' greeting.substring (5) // 'Morning'
这里，index取为5，因此返回从主字符串的第5个位置开始的字符串。
如果给定的索引为负数，这两种方法会给出不同的输出，如下所示。
greeting.slice (-7) // 'Morning' greeting.substring (-7) // 'Good Morning'
在 slice 方法中，当给出负索引时，它会从字符串末尾开始计数，并返回从该索引位置开始的字符串。在子字符串中，任何负数都被视为零。因此它从 0 索引开始并返回整个字符串。
当传递字符串长度时，这两种方法都返回空字符串。
greeting.slice (12) // '' greeting.substring (12) // ''
开始索引大于结束索引
greeting.slice (9, 5) // '' greeting.substring (9, 5) // 'Morn'
Slice 方法返回一个空字符串，而 substring 方法交换这些索引并返回字符串。不包括结束索引。
当开始和结束索引均为负数时
greeting.slice (-12, -8) // 'Good' greeting.substring (-12, -8) // ''
Slice 方法从字符串末尾开始计数到指定的索引并返回它。由于两个索引都是负数，并且子串方法将它们视为零，因此它从零开始并以零结束。因此，返回一个空字符串。
当起始索引为负且结束索引为正时
greeting.slice (-3, 5) // '' greeting.substring (-3, 5) // 'Good'
这里，由于结束索引出现在开始索引之前，因此 slice 方法返回一个空字符串。但子串方法将负索引视为零，并从 0 索引开始到排除它的第 5 个索引。因此，它返回“Good”。
当开始索引为正但结束索引为负时
greeting.slice (5, -3) // 'Morn' greeting.substring (5, -3) // 'Good'
Slice 方法返回“Morn”作为输出，子字符串方法返回“Good”。 Substring 方法将结束索引视为零，并且由于开始索引 (5) 大于结束索引 (0)，因此它只需交换它们的位置 (0,5) 并返回字符串。
下表突出显示了切片方法和子字符串方法之间的重要区别 -
切片方法 |
子串法 |
|---|---|
它返回字符串的一部分 |
也用于提取字符串的一部分 |
它允许负索引并从后面返回字符串计数 |
如果给出负索引，则将其视为 0（零）索引位置。 |
如果起始索引大于结束索引，则返回空字符串 |
如果起始索引大于结束索引，它只是交换它们的位置并根据该结果返回字符串 |
String.slice 和 string.substring 方法用于字符串的操作。根据参数和某些情况，它们都是相似的。它们的第一个主要区别是它们的索引为负值，如上面的示例所示。第二个是当开始索引大于结束索引时。
以上是字符串切片和子字符串方法之间的区别的详细内容。更多信息请关注PHP中文网其他相关文章！
