substring和slice -之间的区别是它们如何处理负的和忽略的行参数:

substring(开始、结束)

负参数被解释为零。太大的值将被截断为字符串的长度:

alert("testme".substring(-2)); // "testme", -2 becomes 0

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

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的第一个参数为负值。

如果选择这三种方法之一，在大多数情况下使用-它将是切片:负参数，它的维护和操作最明显。

TL; diana:

如果您知道要停止(但不包含)的索引(位置)，则使用slice()。 如果您知道要提取的字符长度，则可以使用substr()，但不建议这样做，因为已弃用。

否则，请继续阅读完整的比较

语法

string.slice(开始、结束) string.substr(开始,长度) string.substring(开始、结束)

纸条1:切片()

它能做什么?

Slice()提取字符串的部分，并在新字符串中返回提取的部分。 Substr()从指定位置的字符开始提取字符串的各个部分，并返回指定的字符数。 Substring()提取字符串的部分，并在新字符串中返回提取的部分。

纸条2:切片()

改变原来的字符串?

片()没有 substr()没有 substring()没有

注3:切片

使用负数作为参数

Slice()选择从字符串末尾开始的字符 Substr()选择从字符串结尾开始的字符 Substring()不执行

注4:slice()==substr()

如果第一个参数大于第二个参数

Slice()不执行 substr()因为第二个参数不是一个位置，而是长度值，它将照常执行，没有问题 Substring()将交换两个参数，并照常执行

第一个论证

片()要求;开始指数 substr()要求;开始指数 substring()要求;开始指数

注:切片()==substr(=)=字幕()

第二个论证

片()可选的;位置(直到但不包括)结束抽取的位置 substr()可选;要提取的字符数 substring()可选的;位置(直到但不包括)结束抽取的位置

纸条6:切片()

如果省略了第二个参数会怎样?

Slice()选择从字符串开始位置到末尾的所有字符 Substr()选择从字符串开始位置到末尾的所有字符 Substring()选择从字符串开始位置到末尾的所有字符

注:切片()

所以，你可以说slice()和substr()之间有区别，而substring()基本上是slice()的一个副本。

如果你想要substr的功能:

"foobarbaz".substr(index, length);

不使用已弃用的功能，你可以这样做:

"foobarbaz".substring(index, length + index);

在所有的边情况下得到完全相同的结果，比如负索引/长度。

substring和slice -之间的区别是它们如何处理负的和忽略的行参数:

substring(开始、结束)

负参数被解释为零。太大的值将被截断为字符串的长度:

alert("testme".substring(-2)); // "testme", -2 becomes 0

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

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的第一个参数为负值。

如果选择这三种方法之一，在大多数情况下使用-它将是切片:负参数，它的维护和操作最明显。

substr:它为我们提供了基于指定索引获取部分字符串的方法。 substr-的语法 string.substr(开始、结束) Start - Start索引说明从哪里开始抓取。 End - End索引告诉upto字符串的读取位置。它是可选的。

slice:它提供了基于指定索引获取部分字符串的方法。它允许我们指定正数和下标。 slice - string.slice(start,end)的语法 Start - Start索引说明从哪里开始抓取。这是 End - End索引告诉upto字符串的读取位置。它是可选的。 在“拼接”中，起始索引和结束索引都有助于取正索引和负索引。

字符串中'slice'的示例代码

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

output: crip

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

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

output: avas

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

Ben Nadel写了一篇关于这方面的好文章，他指出了这些函数参数的区别:

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

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

这是他关于这方面的文章。

Slice()的工作方式类似于substring()，只是有一些不同的行为。

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

他们的共同点是:

如果start = stop:返回一个空字符串 如果省略了stop:提取字符到字符串的末尾 如果任何一个参数大于字符串的长度，则使用字符串的长度。

substring()的区别:

如果start > stop，那么substring将交换这两个参数。 如果其中一个参数为负或为NaN，则将其视为0。

slice()的区别:

如果start > stop, slice()将返回空字符串。(" ") 如果start为负数:从字符串的末尾开始设置char，就像Firefox中的substr()一样。在Firefox和IE中都可以观察到这种行为。 如果stop为负值:将stop设置为:字符串。length - Math.abs(stop)(原始值)，除了在0处有界(因此，Math.abs(stop))。马克斯(0,字符串。长度+停止))，如ECMA规范所述。

来源:编程与开发的基本艺术:Javascript: substr() vs .s. substring()