如何在 JavaScript 中获取字符串中指定值的最后一次出现的索引？

在本教程中，我们将学习如何在 JavaScript 中获取字符串中指定值的最后一次出现的索引。

最后一次出现是指在给定字符串中找到的搜索项目的最后一个位置。它可以是单个字符，也可以是单词。为了找到最后一次出现的索引，JavaScript 中有一个方法，即 `lastIndexOf()` 方法。

使用 `lastIndexOf()` 方法

此方法将搜索整个字符串并返回该值最后位置的索引。如果找不到该项目，则返回 -1。

`lastIndexOf()` 方法在此处区分大小写，“A”和“a”被识别为不同的值。字符串索引位置将从 0 开始，结束索引将是字符串长度减 1。

语法

用户可以按照以下语法在 JavaScript 中获取字符串中指定值的最后一次出现的索引。

string.lastIndexOf(searchItem,start);

在上文的语法中，用户可以看到 `lastIndexOf()` 方法有两个参数，第一个是搜索的字符串值，这是必需的；第二个参数是可选的，我们在这里给出位置（默认值为字符串长度）。

示例

在下面的示例中，我们创建一个字符串变量“str”来存储字符串值。我们搜索值“Learn”最后一次出现的索引。为了找到索引，我们使用 `lastIndexOf()` 方法。原始字符串是“Learn for free and enjoy! Learn and share!”。

<html>
<head>
   <title>JavaScript String lastIndexOf() Method</title>
</head>
<body>
   <h3> Getting the last index of an occurrence in an string</h3>
   <div id = "result1"> String:</div>
   <div id = "result2"> Search Value:</div>
   <div id = "result3"> Index:</div>
   <script>
      var str1 = new String("Learn for free and enjoy! Learn and share!");
      document.getElementById("result1").innerHTML += str1;
      document.getElementById("result2").innerHTML += "Learn";
      var index = str1.lastIndexOf("Learn");
      document.getElementById("result3").innerHTML += index;
   </script>
</body>
</html>

在上面的示例中，我们在字符串“Learn for free and enjoy! Learn and share!”中搜索“Learn”最后一次出现的索引。请注意，该字符串有两个“Learn”出现。您可以尝试查找单个字符最后一次出现的索引。

示例

在下面的示例中，我们使用了一个按钮，“点击这里”，并带有 onclick 函数 `last_index()`。在函数内部，字符串变量“str”和搜索变量使用 prompt 方法从用户那里获取输入。然后 `lastIndexOf()` 方法将搜索项作为参数，并应用于字符串“str”。然后将索引返回给“index_element”变量。

<html>
<body>
   <h3>Getting the last occurrence of a value in string from user input.</h3>
   <p>Click the below button to take user inputs</p>
   <button onclick = "last_index()"> Click Here</button>
   <p id = "result"></p>
   <script>
      function last_index() {
         let str = prompt("Please enter the string", "all for one and one for all");
         let search = prompt("Enter the search value", "all");
         let index_element = str.lastIndexOf(search);
         document.getElementById("result").innerHTML = "The last occurence of "" + search + "" in "" + str + "" is " + index_element;
      }
   </script>
</body>
</html>

正如用户所看到的，点击“点击这里”按钮后，将调用 `last_index()` 函数，它会显示一条警报消息，提示输入字符串；然后，点击确定后，第二条警报消息提示输入搜索值。输入值后，我们将获得搜索值在字符串中的索引位置。

在本教程中，我们讨论了 `lastIndexOf()` 方法，用于查找字符串中指定值最后一次出现的索引。此方法查找索引很简单。

更新于：2022年10月20日

459 次查看

启动您的 职业生涯

完成课程获得认证

开始学习
广告