字符串方法之String.slice()与String.substring()

String.slice(start, end) 和 String.substring(start, end) 是 JavaScript/TypeScript 中字符串对象的两种常见方法，用于提取子字符串。

String.slice(start, end)

用法：

  slice 方法返回从 start 索引位置开始，到 end 索引位置之前的子字符串。

  示例代码：

const str = 'Hello, World!';

console.log(str.slice(7));      // 输出: "World!"
console.log(str.slice(7, 12));  // 输出: "World"
console.log(str.slice(-6));     // 输出: "World!"
console.log(str.slice(7, -1));  // 输出: "World"

  在上述示例中，slice 方法根据提供的参数从字符串中提取了不同的子字符串。

注意点：

• start 参数可选，表示起始索引位置，默认为 0。如果为负数，则表示从字符串末尾的索引位置开始计算。
• end 参数可选，表示结束索引位置，默认为字符串的长度。如果为负数，则表示从字符串末尾的索引位置开始计算。
• 返回的子字符串包括 start 索引位置的字符，但不包括 end 索引位置的字符。(包左不包右)
• 如果 start 大于等于 end，则返回一个空字符串。
• 原始字符串不会被修改。

String.substring(start, end)

用法：

  substring 方法返回从 start 索引位置开始，到 end 索引位置之前的子字符串。
  示例代码：

const str = 'Hello, World!';

console.log(str.substring(7));      // 输出: "World!"
console.log(str.substring(7, 12));  // 输出: "World"
console.log(str.substring(-6));     // 输出: "Hello, World!"
console.log(str.substring(7, -1));  // 输出: "Hello, World"

  在上述示例中，substring 方法根据提供的参数从字符串中提取了不同的子字符串。

注意点：

• start 参数必需，表示起始索引位置。如果为负数或大于 end，则会交换 start 和 end 的值。
• end 参数可选，表示结束索引位置，默认为字符串的长度。如果为负数，则被视为 0。
• 返回的子字符串包括 start 索引位置的字符，但不包括 end 索引位置的字符。(包左不包右)
• 如果 start 和 end 相等，或 start 大于 end，则返回一个空字符串。
• 原始字符串不会被修改。

区别

处理负数参数：

  slice 方法接受负数作为参数，而 substring 方法不接受负数。如果 slice 方法的参数为负数，它会从字符串的末尾开始计算索引位置。例如，str.slice(-6) 会返回从倒数第六个字符开始到字符串末尾的子字符串。

参数交换行为：

  当 start 大于 end 时，slice 方法会返回一个空字符串，而 substring 方法会自动交换 start 和 end 的值。例如，str.slice(7, 2) 返回空字符串，而 str.substring(7, 2) 实际上会交换参数并返回 str.substring(2, 7) 所返回的子字符串。

对原始字符串的影响：

  slice 和 substring 方法都不会修改原始字符串。它们返回的是提取的子字符串，而不会影响原始字符串的内容。