String.slice 和 String.substring 有什么区别？

Question

有谁知道这两种方法有什么区别？

String.prototype.slice
String.prototype.substring

Answer 1

slice()工作方式与substring()类似，但有一些不同的行为。

Syntax: string.slice(start, stop);
Syntax: string.substring(start, stop);

他们有什么共同点：

1. 如果start等于stop ：返回一个空字符串
2. 如果省略stop ：将字符提取到字符串的末尾
3. 如果任一参数大于字符串的长度，则将使用字符串的长度。

substring()区别：

1. 如果start > stop ，则substring将交换这两个参数。
2. 如果任一参数为负数或为NaN ，则将其视为0 。

slice()区别：

1. 如果start > stop ， slice()将返回空字符串。 ( "" )
2. 如果start为负：从字符串的末尾设置字符，就像 Firefox 中的substr()一样。 在 Firefox 和 IE 中都可以观察到这种行为。
3. 如果stop为负数：将 stop 设置为： string.length – Math.abs(stop) （原始值），除了ECMA 规范中涵盖的以 0 为界（因此， Math.max(0, string.length + stop) ） .

资料来源： 编程与开发的基本艺术：Javascript：substr() 与 substring()

Answer 2

注意：如果你很着急，和/或寻找简短的答案，请滚动到答案的底部，然后阅读最后两行。如果不着急，请阅读整篇文章。


首先让我陈述事实：

句法：
string.slice(start,end)
string.substr(start,length)
string.substring(start,end)
注意#1： slice()==substring()

它能做什么？
slice()方法提取字符串的一部分并在新字符串中返回提取的部分。
substr()方法提取字符串的一部分，从指定位置的字符开始，并返回指定数量的字符。
substring()方法提取字符串的一部分并在新字符串中返回提取的部分。
注意#2： slice()==substring()

更改原始字符串？
slice()没有
substr()没有
substring()没有
注意#3： slice()==substring()

使用负数作为参数：
slice()从字符串的末尾开始选择字符
substr()从字符串的末尾开始选择字符
substring()不执行
注意#3： slice()==substr()

如果第一个参数大于第二个：
slice()不执行
substr()因为第二个参数不是位置，而是长度值，它将照常执行，没有问题
substring()将交换两个参数，并照常执行

第一个论点：
slice()必需，表示：起始索引
substr()必需，表示：起始索引
substring()必需，表示：起始索引
注意#4： slice()==substr()==substring()

第二个论点：
slice()可选，结束提取的位置（最多但不包括）
substr()可选，要提取的字符数
substring()可选，结束提取的位置（最多但不包括）
注意#5： slice()==substring()

如果省略第二个参数怎么办？
slice()选择从开始位置到字符串结尾的所有字符
substr()选择从开始位置到字符串末尾的所有字符
substring()选择从开始位置到字符串结尾的所有字符
注意#6： slice()==substr()==substring()

因此，您可以说slice()和substr()之间存在差异，而substring()基本上是slice()的副本。

总之：
如果您知道将停止（但不包括）的索引（位置），请使用slice()
如果您知道要提取的字符长度，请使用substr() 。

Answer 3

Ben Nadel 写了一篇关于这个的好文章，他指出了这些函数的参数差异：

String.slice( begin [, end ] )
String.substring( from [, to ] )
String.substr( start [, length ] )

他还指出，如果切片的参数为负，则它们从末尾引用字符串。 Substring 和 substr 没有。

这是他关于此的文章。

Answer 4

一个答案很好，但需要一点点阅读。 尤其是新术语“停止”。

我的 Go - 除了上面 Daniel 的第一个答案之外，还按差异进行组织以使其有用：

1) 负面指标。 Substring 需要正索引，并将负索引设置为 0。Slice 的负索引表示从字符串末尾开始的位置。

"1234".substring(-2, -1) == "1234".substring(0,0) == ""
"1234".slice(-2, -1) == "1234".slice(2, 3) == "3"

2）交换索引。 Substring 将对索引重新排序，使第一个索引小于或等于第二个索引。

"1234".substring(3,2) == "1234".substring(2,3) == "3"
"1234".slice(3,2) == ""

--------------------------

一般评论——我觉得奇怪的是，第二个索引是切片或子字符串的最后一个字符之后的位置。 我希望 "1234".slice(2,2) 返回 "3"。 这使得安迪的上述混淆是合理的——我希望 "1234".slice(2, -1) 返回 "34"。 是的，这意味着我是 Javascript 的新手。 这也意味着这种行为：

"1234".slice(-2, -2) == "", "1234".slice(-2, -1) == "3", "1234".slice(-2, -0) == "" <-- you have to use length or omit the argument to get the 4.
"1234".slice(3, -2) == "", "1234".slice(3, -1) == "", "1234".slice(3, -0) == "" <-- same issue, but seems weirder.

我的2c。

Answer 5

substring 和 slice 之间的区别 - 是它们如何处理国外参数的否定和忽略行：

子串（开始，结束）

负参数被解释为零。 太大的值被截断到字符串的长度：alert("testme".substring(-2)); // "testme", -2 变为 0

此外，如果开始 > 结束，则参数互换，即绘图线在开始和结束之间返回：

alert ( "testme" .substring (4, -1)); // "test"
// -1 Becomes 0 -> got substring (4, 0)
// 4> 0, so that the arguments are swapped -> substring (0, 4) = "test"

片

负值从行尾开始测量：

alert ( "testme" .slice (-2)); // "me", from the end position 2
alert ( "testme" .slice (1, -1)); // "estm", from the first position to the one at the end.

它比奇怪的逻辑子串方便得多。

除 IE8- 之外的所有浏览器都支持 substr 的第一个参数的负值。

如果选择这三种方法中的一种，在大多数情况下使用 - 它将是slice :negative arguments 并且它维护和操作最明显。

Answer 6

slice 和 substring 方法之间的唯一区别是参数

两者都采用两个参数，例如 start/from 和 end/to。

您不能将负值作为子字符串方法的第一个参数传递，但切片方法可以从末尾遍历它。

切片方法参数详细信息：

参考： http : //www.thesstech.com/javascript/string_slice_method

参数

start_index切片应该从哪里开始的索引。 如果值以负数提供，则表示从最后开始。 例如 -1 表示最后一个字符。 end_index切片结束后的索引。 如果没有提供切片将从 start_index 到字符串的结尾。 在负值的情况下，索引将从字符串的末尾开始测量。

子串方法参数详细信息：

参考： http : //www.thesstech.com/javascript/string_substring_method

参数

from它应该是一个非负整数，用于指定子字符串应该从哪里开始的索引。 to一个可选的非负整数，用于提供应该在子字符串之前完成的索引。

Answer 7

substr：它使我们能够根据指定的索引获取部分字符串。 substr-string.substr(start,end) start - start index 的语法说明了获取的开始位置。 结束 - 结束索引告诉最多字符串获取的位置。 它是可选的。

slice：它提供根据指定的索引获取部分字符串。 它允许我们指定正数和索引。 切片的语法 - string.slice(start,end) start - start - 开始索引告诉获取开始的位置。它的结束 - 结束索引告诉字符串获取的位置。 它是可选的。 在“拼接”中，开始和结束索引都有助于采用正索引和负索引。

字符串中“切片”的示例代码

var str="Javascript";
console.log(str.slice(-5,-1));

output: crip

字符串中“子字符串”的示例代码

var str="Javascript";
console.log(str.substring(1,5));

output: avas

[*注意：负索引从字符串的末尾开始。]

Answer 8

对于slice(start, stop) ，如果stop为负，则stop将设置为：

string.length – Math.abs(stop)

而不是：

string.length – 1 – Math.abs(stop)