石家庄人才网今天给大家分享《substr和substring和slice的区别及用法》，石家庄人才网小编对内容进行了深度展开编辑，希望通过本文能为您带来解惑。

在 JavaScript 中，我们经常需要从字符串中提取子字符串。 `substr()`、 `substring()` 和 `slice()` 这三个方法都可以用来实现这个功能，但它们之间有一些区别。本文将详细介绍这三个方法的区别及用法。

1. substr(startIndex, length)

`substr()` 方法从字符串的指定索引处开始提取指定长度的子字符串。

• `startIndex`：必需。子字符串的起始索引。如果为负数，则从字符串末尾开始倒数计算索引，-1 指最后一个字符。
• `length`：可选。子字符串的长度。如果省略，则提取到字符串末尾。

示例：

```javascriptlet str = "Hello world!";console.log(str.substr(2, 5)); // 输出 "llo w"console.log(str.substr(-5, 3)); // 输出 "wor"console.log(str.substr(6)); // 输出 "world!"```

注意： `substr()` 方法在较新版本的 ECMAScript 中已被弃用，建议使用 `substring()` 或 `slice()` 方法替代。

2. substring(startIndex, endIndex)

`substring()` 方法提取字符串中两个指定索引之间的字符。

• `startIndex`：必需。子字符串的起始索引。如果为负数，则会被替换为 0。
• `endIndex`：可选。子字符串的结束索引（不包含该索引）。如果省略，则提取到字符串末尾。如果 `endIndex` 小于 `startIndex`，则两者会交换位置。

示例：

```javascriptlet str = "Hello world!";console.log(str.substring(2, 7)); // 输出 "llo w"console

.log(str.substring(7, 2)); // 输出 "llo w" console.log(str.substring(6)); // 输出 "world!"```

3. slice(startIndex, endIndex)

`slice()` 方法提取字符串中两个指定索引之间的字符，并返回一个新的字符串。它与 `substring()` 方法非常相似，但也有一些区别。

• `startIndex`

  

  ：必需。子字符串的起始索引。如果为负数，则从字符串末尾开始倒数计算索引，-1 指最后一个字符。
• `endIndex`：可选。子字符串的结束索引（不包含该索引）。如果省略，则提取到字符串末尾。如果 `endI

  

  ndex` 小于 `startIndex`，则返回空字符串。

示例：

```javascriptlet str = "Hello world!";console.log(str.slice(2, 7)); // 输出 "llo w"console.log(str.slice(7, 2)); // 输出 ""console.log(str.slice(-5, -2)); // 输出 "wor"console.log(str.slice(6)); // 输出 "world!"```

总结

石家庄人才网小编为大家总结一下 `substr()`、`substring()` 和 `slice()` 的区别：

• `substr()`： 已弃用，不建议使用。可以指定提取的长度。
• `substring()`： 不能使用负索引，如果 `endIndex` 小于 `startIndex`，则两者会交换位置。
• `slice()`： 可以使用负索引，如果 `endIndex` 小于 `startIndex`，则返回空字符串。

在实际开发中，建议优先使用 `slice()` 方法，因为它功能更强大，并且语义更清晰。如果需要兼容旧版浏览器，可以使用 `substring()` 方法。

石家庄人才网小编对《substr和substring和slice的区别及用法》内容分享到这里，如果有相关疑问请在本站留言。