如何在 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 次查看

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告