js中的substring和substr和splice的区别

javascript 操作字符串的函数有：substring 提取指定范围的子字符串；substr 提取指定起点、长度的子字符串（end 可超出长度）；splice 可删除和/或替换字符串中的指定数量字符，并可插入替换字符。

JavaScript 中 substring、substr 和 splice 的区别

JavaScript 中的 substring、substr 和 splice 函数都用于操作字符串，但它们有着不同的用途和用法。

substring

• 提取字符串中指定范围的部分。
• 语法：substring(start, end)

• 参数：

  • start：要开始提取的字符索引（从 0 开始）。
  • end：要提取的最后一个字符的索引（不包括在内）。

substr

• 类似于 substring，但当 end 超出字符串长度时， substr 会将其截断为字符串长度。
• 语法：substr(start, length)

• 参数：

  • start：要开始提取的字符索引（从 0 开始）。
  • length：要提取的字符数量。

splice

• 可变参数函数，用于删除和/或替换字符串中的字符。
• 语法：splice(start, deleteCount, ...items)

• 参数：

  • start：要开始删除和替换的字符索引（从 0 开始）。
  • deleteCount：要删除的字符数量。
  • items（可选）：要插入到已删除字符位置的新字符或字符串。

用法比较

• 提取子字符串：使用 substring 或 substr，但 substr 在 end 超出字符串长度时更方便。
• 删除字符：使用 splice，指定 deleteCount 为要删除的字符数量。
• 替换字符：使用 splice 并提供替换字符或字符串。

示例

<code class="javascript">const str = "Hello World";

// 使用 substring 提取 "World"
console.log(str.substring(6)); // "World"

// 使用 substr 提取 "World"（即使 end 超出范围）
console.log(str.substr(6)); // "World"

// 使用 splice 删除 "Hello"
str.splice(0, 5);
console.log(str); // "World"

// 使用 splice 替换 "World" 为 "JavaScript"
str.splice(0, 5, "JavaScript");
console.log(str); // "JavaScript"</code>