JavaScript实现字符串截取的三个方法总结

在JavaScript开发中，经常需要对字符串进行截取操作。本文将介绍JavaScript实现字符串截取的三种常用方法，分别为：substring()、substr()和slice()。在实现过程中，我们会为每种方法提供示例说明。

substring()

substring() 方法用于截取字符串中指定位置的字符。它接受两个参数，分别为截取起始位置和截取结束位置。

• 语法：string.substring(start, end)
• 参数：start 和 end 均为整数，其中 start 表示截取的起始位置（从0开始），end 表示截取的结束位置（不包含该位置字符）。
• 返回值：返回从 start 到 end-1 位置的字符子串。

示例如下：

let str = 'Hello World!';
let result = str.substring(0, 5);

console.log(result); // 输出内容：Hello

在上述示例中，我们将截取 str 字符串中从索引为0开始到索引为5结束（即不包含5位置字符）的子串。

当我们将 start 和 end 的位置颠倒时，substring() 方法会自动将它们互换位置来保证正确的截取。示例如下：

let str = 'Hello World!';
let result = str.substring(6, 1);

console.log(result); // 输出内容：ello 

substr()

substr() 方法用于截取字符串中指定起始位置和长度的字符。它接受两个参数，分别为截取起始位置和截取长度。

• 语法：string.substr(start, length)
• 参数：start 表示截取的起始位置，length 表示截取的长度。
• 返回值：返回从 start 开始、长度为 length 的字符子串。

示例如下：

let str = 'Hello World!';
let result = str.substr(4, 6);

console.log(result); // 输出内容：o Worl

在上述示例中，我们将截取 str 字符串中从索引为4开始、长度为6的子串。

slice()

slice() 方法也用于截取字符串中指定位置的字符，但与 substring() 方法的区别在于，它允许负数做参数。当参数是负数时，它会从字符串末尾开始倒数计算位置。

• 语法：string.slice(start, end)
• 参数：start 和 end 均可为整数或负数，其中 start 表示截取的起始位置，end 表示截取的结束位置（不包含该位置字符）。
• 返回值：返回从 start 到 end-1 位置的字符子串，其中 start 为负数时表示从字符串末尾开始计算位置。

示例如下：

let str = 'Hello World!';
let result = str.slice(-6, -1);

console.log(result); // 输出内容：World

在上述示例中，我们将截取 str 字符串中从末尾往前计算第6个字符到末尾往前计算第1个字符（不包含该位置字符）的子串，即从第6个字符W开始到第2个字符d结束。

总结

以上就是 JavaScript 实现字符串截取的三种常用方法，它们分别为：substring()、substr()、slice()。我们可以通过前面的示例清晰了解各个方法的使用方式。在开发中，选择哪种方法主要取决于实际的应用场景和需求。