JS中截取字符串函数substring、substr和slice的区别详解

在JavaScript编程中，字符串操作是日常开发中经常遇到的任务。其中，截取字符串的功能尤为常用，而JavaScript提供了几种方法来实现这一功能，主要是substring()、substr()和slice()。尽管这些方法都可以用来截取字符串，但它们的用法、参数和行为存在细微的差异。本文将详细解析这三个方法的区别，帮助开发者在实际工作中选择最合适的方法。

一、substring()方法详解

1）定义与基本用法

substring()方法是最常用的截取字符串的方法之一，它通过指定开始索引和结束索引来获取字符串的子串。需要注意的是，这里的索引是基于0的，并且该方法不会改变原始字符串。

2）语法

stringObject.substring(start, end)

start：必需。一个非负整数，规定子字符串开始位置的第一个字符的索引。

end：可选。一个非负整数，比要提取的子字符串的最后一个字符的索引大1。如果省略该参数，则子字符串会一直到字符串的末尾。

3）使用示例

let str = "Hello World";
let result1 = str.substring(1, 5); // "ello"
console.log(result1);

在这个例子中，我们得到了从索引1到索引4（不包括5）的子字符串"ello"。

4）特点总结

1. 索引从0开始。
   

2. 第二个参数是结束位置的前一个索引，不包括这个位置的字符。
   

3. 如果只提供一个参数，则返回从该索引到字符串末尾的所有字符。
   

二、substr()方法详解

1）定义与基本用法

substr()方法也是用来截取字符串的，但它的参数含义与substring()不同。它的第一个参数是一个开始位置的索引，第二个参数是要截取的长度。

2）语法

stringObject.substr(start, length)

start：必需。要提取的子字符串的起始位置的索引。

length：可选。子字符串的长度。如果未指定或为null，则提取从start开始到字符串的末尾的所有字符。

3）使用示例

let str = "Hello World";
let result2 = str.substr(1, 4); // "ello"
console.log(result2);

这里，我们得到从索引1开始长度为4的子字符串"ello"。

4）特点总结

1. 第一个参数是起始位置的索引。
   

2. 第二个参数是子字符串的长度。
   

3. 如果没有提供第二个参数或者设置为null，则返回从起始位置到字符串末尾的所有字符。
   

三、slice()方法详解

1）定义与基本用法

slice()方法不仅可以用于字符串，也可以用于数组。对于字符串来说，它的功能类似于substring()，但它可以接受负数作为参数，这为字符串操作提供了更多的灵活性。

2）语法

stringObject.slice(beginIndex, endIndex)

beginIndex：必需。一个非负整数，规定提取字符串的开始位置（包括）。

endIndex：可选。一个非负整数，规定提取字符串的结束位置（不包括）。slice方法会提取从beginIndex到endIndex（不包括endIndex）的所有字符。

3）使用示例

let str = "Hello World";
let result3 = str.slice(1, 5); // "ello"
console.log(result3);

这里同样得到了"ello"，但是使用了slice方法。

4）特点总结

1. 第一个参数是起始位置的索引，包含这个位置的字符。
   

2. 第二个参数是结束位置的索引，不包含这个位置的字符。
   

3. 可以接收负数作为参数，负数表示从字符串末尾开始计数。
   

四、substring()、substr()和slice()的主要区别

1. 参数类型：substring()和slice()接受的是索引值；而substr()接受的是索引和长度。
   

2. 负数索引：只有slice()支持负数索引，这使得从字符串尾部截取变得更加方便。
   

3. 性能差异：虽然在大多数情况下三者的性能差别不大，但在某些特定的实现中可能会有所差异。一般来说，现代浏览器优化了这些方法的性能，使得差异微乎其微。
   

4. 使用场景对比
   

当你需要基于明确的开始和结束位置来截取字符串时，使用substring()或slice()会更直接。

如果你知道从哪里开始并想要截取固定数量的字符，那么substr()可能是更好的选择。

当涉及到复杂的字符串操作，特别是需要从末尾进行截取时，slice()提供了更大的灵活性。

尽管substring()、substr()和slice()都可以被用来截取字符串的某一部分，但它们在使用场景上有所不同。如果需要基于固定的位置和长度进行截取，substr()是一个很好的选择；如果想要根据起始位置和结束位置（不包括结束位置）来截取，那么substring()更为合适；而对于需要更灵活的索引控制，例如处理负数索引时，slice()则提供了更好的支持。理解这些方法的差异有助于开发者在实际项目中更加精确地处理字符串数据。

声明：所有来源为“聚合数据”的内容信息，未经本网许可，不得转载！如对内容有异议或投诉，请与我们联系。邮箱：marketing@think-land.com