Get the string after a string from a string

在前端开发中，处理字符串的需求是很常见的。特别是当我们需要从一个字符串中获取另一个子串时，就需要用到一些技巧来实现。本文将介绍如何从一个字符串中获取指定子串后面的所有字符。

方法

使用 substring 和 indexOf

JavaScript 提供了 substring 和 indexOf 方法可以帮助我们实现这个功能。通过 indexOf 方法找到指定子串在原字符串的位置，然后再使用 substring 方法截取其后面的字符即可。

function getStringAfter(str, subStr) {
  const index = str.indexOf(subStr);
  if (index === -1) return "";
  return str.substring(index + subStr.length);
}

上述代码中，getStringAfter 函数接收两个参数：str 表示原字符串，subStr 表示指定子串。如果原字符串中不包含指定子串，则函数返回空字符串；否则，函数返回指定子串后面的所有字符。

使用正则表达式

除了使用 substring 和 indexOf 方法，我们也可以使用正则表达式来实现此功能。通过匹配指定子串后面的所有字符，我们可以得到需要的结果。

function getStringAfter(str, subStr) {
  const reg = new RegExp(`(?<=${subStr}).*`);
  const match = str.match(reg);
  return match ? match[0] : "";
}

上述代码中，getStringAfter 函数同样接收两个参数：str 表示原字符串，subStr 表示指定子串。使用正则表达式 /(?<=${subStr}).*/ 匹配指定子串后面的所有字符，并将其返回。

示例

假设我们有以下字符串：

const str = "Hello, world! This is a test string.";

如果我们想要获取 "test string." 这个子串，可以使用上述代码中的 getStringAfter 函数，如下：

const subStr = "This is a ";
const result = getStringAfter(str, subStr); // "test string."

指导意义

本文介绍了从一个字符串中获取指定子串后面的所有字符的方法，并提供了两种实现方式的示例代码。这个功能在前端开发中是比较常见的，例如解析 URL 参数等。掌握这个技巧可以帮助我们更好地处理字符串，并提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606edfb22d2a29a3c1202011