JavaScript 提供了两个用于截取字符串的方法:substring 和 substr。虽然它们在功能上有些类似,但在使用和行为上存在一些差异。本文将对这两个方法进行全面比较,并提供示例代码来说明它们的用法和区别。
1. substring 方法
substring(startIndex, endIndex) 方法用于从字符串中提取从 startIndex 到 endIndex -1(不包括 endIndex)之间的子字符串。如果省略 endIndex 参数,则将提取从 startIndex 到字符串末尾的所有字符。
const str = "Hello, World!";
const result = str.substring(0, 5); // "Hello"
2. substr 方法
substr(startIndex, length) 方法用于从字符串中提取从 startIndex 开始的 length个字符的子字符串。
const str = "Hello, World!";
const result = str.substr(0, 5); // "Hello"
3. 参数说明
- substring:接受两个参数,分别是起始索引和结束索引。
- substr:接受两个参数,分别是起始索引和要提取的字符数量。
4. 差异比较
- 参数类型:
- substring 方法接受的是起始索引和结束索引。
- substr 方法接受的是起始索引和要提取的字符数量。
- 负数处理:
- substring 方法会将负数参数转换为 0。
- substr 方法可以接受负数参数,表示从字符串末尾开始计数。
- endIndex 超出范围:
- substring 方法会自动调整参数,使其落在合法范围内。
- substr 方法会将超出范围的长度截断,而不会调整起始索引。
5. 示例代码
const str = "Hello, World!";
console.log(str.substring(0, 5)); // "Hello"
console.log(str.substr(0, 5)); // "Hello"
console.log(str.substring(7)); // "World!"
console.log(str.substr(7)); // "World!"
console.log(str.substring(7, 20)); // "World!"
console.log(str.substr(7, 20)); // "World!"
console.log(str.substring(-3)); // "Hello, World!"
console.log(str.substr(-3)); // "ld!"
最后
虽然 substring 和 substr 方法在某些情况下可以互换使用,但它们的参数和行为上存在一些差异。在使用时,需要根据具体需求选择合适的方法,并注意其不同之处,以避免出现意外的结果。