常常会用到的截取字符串substr()、substring()、slice()方法详解

下面是关于常用的字符串截取方法 substr()、substring()、slice() 的详细讲解。

substr() 方法

substr() 方法用于截取一个字符串的部分内容，它接收两个参数，第一个参数是截取的起始位置，第二个参数是需要截取的字符个数。当第二个参数缺省时，则表示截取到字符串末尾。下面是一个例子：

const str = "hello world";
const result = str.substr(6, 5);

console.log(result); // "world"

在上面的例子中，substr(6, 5) 表示从索引 6 开始，截取 5 个字符，因此结果为 "world"。

substring() 方法

substring() 方法用于截取一个字符串的部分内容，它接收两个参数，第一个参数是截取的起始位置，第二个参数是需要截取的字符截止位置。该方法不包括第二个参数所在的字符。当第二个参数缺省时，则表示截取到字符串末尾。下面是一个例子：

const str = "hello world";
const result = str.substring(6, 11);

console.log(result); // "world"

在上面的例子中，substring(6, 11) 表示从索引 6 开始，截取到索引 10，因此结果为 "world"。

slice() 方法

slice() 方法用于截取一个字符串的部分内容，它接收两个参数，第一个参数是截取的起始位置，第二个参数是需要截取的字符截止位置。该方法不包括第二个参数所在的字符。当第二个参数缺省时，则表示截取到字符串末尾。用法类似于 substring() 方法。下面是一个例子：

const str = "hello world";
const result = str.slice(6, 11);

console.log(result); // "world"

在上面的例子中，slice(6, 11) 表示从索引 6 开始，截取到索引 10，因此结果为 "world"。

示例

截取在字符串中的网址

假设有一个字符串，其中包含了一个网站的 URL，如何从字符串中截取到这个 URL 呢？我们可以利用正则表达式和 substr() 方法来实现：

const str = "这是一个网站的地址：https://www.example.com/index.html";
const url = str.match(/https?:\/\/[^\s]+/)[0].substr(0, str.match(/https?:\/\/[^\s]+/)[0].indexOf("/", 8));

console.log(url); // "https://www.example.com"

在上面的代码中，我们首先使用正则表达式 /https?:\/\/[^\s]+/ 来匹配字符串中的 URL，然后使用 substr() 方法来截取需要的部分。

截取数组结尾的几个元素

假设有一个数组，其中包含了若干个元素，如何截取其中结尾的几个元素呢？我们可以使用 slice() 方法和负数索引来实现：

const arr = [1, 2, 3, 4, 5];
const result = arr.slice(-2);

console.log(result); // [4, 5]

在上面的代码中，我们使用 slice(-2) 来截取数组结尾的 2 个元素。如果需要截取更多元素，只需要将参数值调整即可。