字符串切片和子字符串方法之间的区别

JavaScript是一种动态且最流行的编程语言，可以在客户端和服务器端使用。 JavaScript 用于创建交互式网页。它有很多框架，如React JS、Angular JS、Node JS等，

JavaScript 包含许多内置函数来执行各种任务。有一些函数用于操作字符串。 Str.slice 和 str.substring 是两个可以操作字符串的 inbuit 函数。虽然这两个函数的功能几乎相似，但它们之间还是有一些区别

String.slice()方法

此方法根据指定的索引返回字符串的一部分。 slice 方法的语法如下 -

string.slice (start, end)

该方法有两个参数，即start和end。 Start 指定应从其开始的索引，end index 告诉要返回的字符串的最后一个索引。返回字符串时不包括结束索引。结束是没有必要的。如果未指定 end，则返回从指定的起始索引开始的整个字符串。这里，索引从“0”开始。

String.substring()方法

该方法也与切片方法类似，返回字符串的一部分作为新字符串。该方法的语法如下 -

string.substring (start, end)

这里，start 和 end 是两个参数，表示应返回字符串的索引。如果未指定结束索引，则返回从指定开始索引开始的整个字符串。返回字符串时不包括结束索引。索引从“0”开始。

考虑字符串长度为 12 的字符串“Good Morning”。让我们通过以下示例来了解这些方法的功能 -

const greeting = 'Good Morning'

案例1

如果起始索引是正数，则两种方法给出相同的输出。

greeting.slice (5)  		//  'Morning'
greeting.substring (5)  	// 'Morning'

这里，index取为5，因此返回从主字符串的第5个位置开始的字符串。

案例2

如果给定的索引为负数，这两种方法会给出不同的输出，如下所示。

greeting.slice (-7)  // 'Morning'
greeting.substring (-7)  // 'Good Morning'

在 slice 方法中，当给出负索引时，它会从字符串末尾开始计数，并返回从该索引位置开始的字符串。在子字符串中，任何负数都被视为零。因此它从 0 索引开始并返回整个字符串。

案例3

当传递字符串长度时，这两种方法都返回空字符串。

greeting.slice (12)  // ''
greeting.substring (12)  // ''

案例4

开始索引大于结束索引

greeting.slice (9, 5)  // ''
greeting.substring (9, 5)  // 'Morn'

Slice 方法返回一个空字符串，而 substring 方法交换这些索引并返回字符串。不包括结束索引。

案例5

当开始和结束索引均为负数时

NeoAgent

销售易推出的AI‑CRM智能体平台

下载

greeting.slice (-12, -8)  // 'Good'
greeting.substring (-12, -8)  // ''

Slice 方法从字符串末尾开始计数到指定的索引并返回它。由于两个索引都是负数，并且子串方法将它们视为零，因此它从零开始并以零结束。因此，返回一个空字符串。

案例6

当起始索引为负且结束索引为正时

greeting.slice (-3, 5)  // ''
greeting.substring (-3, 5)  // 'Good'

这里，由于结束索引出现在开始索引之前，因此 slice 方法返回一个空字符串。但子串方法将负索引视为零，并从 0 索引开始到排除它的第 5 个索引。因此，它返回“Good”。

案例7

当开始索引为正但结束索引为负时

greeting.slice (5, -3)  // 'Morn'
greeting.substring (5, -3)  // 'Good'

Slice 方法返回“Morn”作为输出，子字符串方法返回“Good”。 Substring 方法将结束索引视为零，并且由于开始索引 (5) 大于结束索引 (0)，因此它只需交换它们的位置 (0,5) 并返回字符串。

切片与子字符串方法

下表突出显示了切片方法和子字符串方法之间的重要区别 -

结论

String.slice 和 string.substring 方法用于字符串的操作。根据参数和某些情况，它们都是相似的。它们的第一个主要区别是它们的索引为负值，如上面的示例所示。第二个是当开始索引大于结束索引时。