js中截取字符串前几位的两种方法slice()&substring()详解！

2024-01-14 17:50:46

截取字符串前几位：slice() 与 substring()

在 JavaScript 中，经常需要截取字符串的特定部分。要做到这一点，有两种常用的方法：slice() 和 substring()。本文将详细探讨这两种方法的使用方式、区别以及如何选择最合适的一种。

一、slice() 方法

1. 语法

slice() 方法的语法如下：

string.slice(start, end)

其中：

start：开始截取的位置。
end：结束截取的位置（不包括）。

2. 特性

slice() 方法具有以下特性：

接受负数： start 和 end 可以为负数，表示从字符串末尾开始计数。
超出范围： 如果 start 或 end 超出字符串长度，则截取到字符串末尾。
空字符串： 如果 start 大于或等于 end，则返回空字符串。

3. 示例

以下示例演示了如何使用 slice() 方法截取字符串前几位：

const str = "Hello World";

// 截取前 5 个字符
console.log(str.slice(0, 5)); // "Hello"

// 截取从第 5 个字符到第 10 个字符
console.log(str.slice(5, 10)); // "World"

// 从字符串末尾截取前 5 个字符
console.log(str.slice(-5)); // "World"

// 从字符串末尾截取从第 5 个字符到第 10 个字符
console.log(str.slice(-10, -5)); // "Hello"

二、substring() 方法

1. 语法

substring() 方法的语法如下：

string.substring(start, end)

其中：

start：开始截取的位置。
end：结束截取的位置（包括）。

2. 特性

substring() 方法具有以下特性：

不接受负数： start 和 end 必须为非负整数。
空字符串： 如果 start 大于或等于 end，则返回空字符串。

3. 示例

以下示例演示了如何使用 substring() 方法截取字符串前几位：

const str = "Hello World";

// 截取前 5 个字符
console.log(str.substring(0, 5)); // "Hello"

// 截取从第 5 个字符到第 10 个字符
console.log(str.substring(5, 10)); // "World"