Find first index of a string after index-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要在一个字符串中查找指定子串的位置。通常情况下，我们使用 JavaScript 内置的 indexOf 方法来完成这个任务。但是，在某些场景下，我们需要从某一个索引值之后开始查找，而不是从字符串的起始位置开始查找。本文将介绍如何实现“从指定索引之后查找第一个匹配子串”的功能。

使用 String.prototype.indexOf()

先来回顾一下 indexOf() 方法的基本用法：

const str = 'hello world';
const searchStr = 'world';
const index = str.indexOf(searchStr); // 6

通过这段代码，我们可以在 str 中找到 searchStr 的第一个匹配位置，即 6。

如果想要从指定位置开始查找，我们可以向 indexOf() 方法传入第二个参数，表示开始查找的位置。例如：

const str = 'hello world';
const searchStr = 'l';
const index = str.indexOf(searchStr, 3); // 3

在这个例子中，我们从索引值为 3 的位置开始查找，应该得到第一个匹配的字符是 l，因此返回值是 3。

查找从指定索引之后第一个匹配子串

如果我们想要从指定索引之后查找第一个匹配子串，则可以按照以下方式实现：

function findIndexAfter(str, searchStr, startIndex) {
  const index = str.indexOf(searchStr, startIndex);
  if (index === -1) return -1;
  return index + searchStr.length <= str.length ? index : -1;
}

这个函数接受三个参数：待查找的字符串 str、要查找的子串 searchStr 和开始查找的索引 startIndex。

首先，我们使用 indexOf() 方法从指定索引位置开始查找第一个匹配子串。如果没有找到匹配项，则返回 -1。

接下来，我们检查找到的匹配子串的末尾是否超过了原始字符串的长度。如果是，则意味着没有在指定索引之后找到匹配项，应该返回 -1。

否则，返回找到的匹配子串的起始位置。

示例

const str = 'hello world';
const searchStr = 'l';
const startIndex = 3;
const index = findIndexAfter(str, searchStr, startIndex); // 9

在这个例子中，我们在 str 中查找第一个匹配 searchStr 的位置，并从索引值为 3 的位置开始查找。由于第一个匹配字符“l”的索引值是 2，因此我们期望返回值为 9。

总结

本文介绍了如何实现“从指定索引之后查找第一个匹配子串”的功能。通过调用 JavaScript 内置的 indexOf() 方法以及一些简单的逻辑判断，我们可以轻松地完成这个任务。希望这篇文章能够帮助你更好地理解 JavaScript 字符串操作中的一些细节，提升代码编写效率。

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