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 为负数：从字符串末尾设置 char，与 substr() 完全相同。
3. 如果 stop 为负数：将 stop 设置为：string.length – Math.abs(stop)（原始值），除了以 0 为界（因此，Math. max(0, string.length + stop))，如 ECMA 规范。

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

Answer 2

TL;DR：

• 如果您知道要停止（但不包括）的索引（位置），请使用 slice()。
• 如果您知道要提取的字符长度，则可以使用 substr()，但不鼓励这样做，因为它已被弃用。

否则，请继续阅读以进行完整比较

语法

• 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()==substr()==substring()

使用负数作为参数

• slice() 选择从字符串末尾开始的字符
• substr( ) 选择从字符串末尾开始的字符
• substring() 不执行

注意#4：slice()==substr()

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

• slice() 不会执行
• substr()，因为第二个参数不是位置，而是长度值，它将像往常一样执行，没有任何问题
• substring() 将交换两个参数，并像往常一样执行

第一个参数

• slice() 所需的； 需要起始索引
• substr()； 需要起始索引
• substring()；起始索引

注释#5：slice()==substr()==substring()

第二个参数

• slice() 可选；结束提取的位置（最多但不包括）
• substr() 可选；要提取的字符数
• substring() 可选；结束提取的位置（最多但不包括）

注意#6：slice()==substring()

如果省略第二个参数怎么办？

• slice() 选择从字符串起始位置到结尾的所有字符
• substr() 选择从字符串起始位置到结尾的所有字符
• >substring() 选择从字符串起始位置到末尾的所有字符

注意#7：slice()==substr()==substring()< /code>

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

如果您想要 substr 的功能：

"foobarbaz".substr(index, length);

在不使用已弃用的功能的情况下，您可以这样做：

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

并获得完全相同的结果，排除所有边缘情况，例如负索引/长度。

Answer 3

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

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

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

这是他的文章这。

Answer 4

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

我的Go——按差异组织，使其除了上面丹尼尔的第一个答案之外也有用：

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.

My 2c。

Answer 5

substring 和 slice 之间的区别在于它们如何处理负参数和忽略行外部参数：

substring(start, end)

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

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

此外，如果 start > end，参数互换，即绘图线在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"

slice

从行尾开始测量负值：

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.

比奇怪的逻辑substring<方便多了/代码>。

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

如果选择这三种方法之一，则适用于大多数情况 - 它将是slice：负参数，并且它的维护和操作最为明显。

Answer 6

substr：它允许我们根据指定的索引获取字符串的一部分。
substr 的语法
字符串.substr(开始,结束)
start - 开始索引告诉从哪里开始获取。
end - 结束索引告诉字符串的提取位置。这是可选的。

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

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

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

output: crip

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

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

output: avas

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

Answer 7

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

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

您不能将负值作为 substring 方法的第一个参数传递，但要让 slice 方法从末尾遍历它。

Slice 方法参数详细信息：

参数

start_index
切片应开始的索引。如果提供负值，则表示从最后一个开始。例如 -1 代表最后一个字符。
结束索引
切片结束后的索引。如果未提供切片，将从 start_index 到字符串末尾进行切片。如果是负值，索引将从字符串末尾开始测量。

子字符串方法参数详细信息：

参数

来自
它应该是一个非负整数来指定子字符串应该开始的索引。
至
一个可选的非负整数，用于提供子字符串应在其之前完成的索引。

Answer 8

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

string.length – Math.abs(stop)

而不是：

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