Javascript Regex LastIndex 属性

2025年3月18日 | 阅读时长 4 分钟

JavaScript 的 lastIndex 属性有助于返回匹配字符串的最后一个索引。我们可以获取正则表达式模式进行匹配，并在下一个值开始之前获取最后一个位置。这有助于处理长字符串和数组值操作以及过滤。如果字符串不匹配，exec 和 test 方法会将“0”重置。

语法

在下一个值开始之前获取最后一个索引所使用的语法如下。

支持的浏览器

以下是支持 RegExp 的 lastIndex 属性的浏览器

谷歌浏览器
边
火狐
Internet Explorer
Opera
Safari

示例

以下示例显示了匹配字符串的最后一个位置。

示例 1

该示例显示了 lastIndex 属性的匹配字符的最后一个位置。在这里，我们直接将 regex 与 lastIndex 关键字一起使用。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp lastIndex properties
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>

<body>
<div id = "demo1">
<h3>
JavaScript RegExp lastIndex properties
</h3>
<h4> The lastIndex property gets the Last position of the match character of the code of the function
</h4>
<!-- Click the button to get the lastIndex properties output -->
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_lastIndex"> </div>
</div>
<script>
function display_value() {
let lastIndex_value = "java javascript data jquery js";
let lastIndex_pattern = /j/g;
var final_result = "";
while (lastIndex_pattern.test(lastIndex_value)==true)  {
//Get the last position of the matching character with the lastIndex keyword
final_result += "Available lastIndex: " + lastIndex_pattern.lastIndex + "<br>";
}
//output shows " javascript" as a lastIndex
var ele_demo = document.getElementById("regex_lastIndex");
ele_demo.innerHTML = final_result;
}
</script>
</body>
</html>

输出

输出显示了匹配字符串的最后一个索引位置。

示例 2

该示例显示了 lastIndex 属性的匹配字符在数组函数中的最后一个位置。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp lastIndex properties
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp lastIndex properties
</h3>
<h4> The lastIndex property gets the Last position of the match character of the code of the function
</h4>
<!-- Click the button to get the lastIndex properties output -->
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_lastIndex"> </div>
</div>
<script>
function display_value() {
let lastIndex_value = "java, javascript data, Jquery, PHP, Js";
let lastIndex_pattern = /java/g;
var final_result = "";
while (lastIndex_pattern.test(lastIndex_value)==true)  {
//Get the last position of the matching character with the lastIndex keyword
final_result += "Available lastIndex: " + lastIndex_pattern.lastIndex + "<br>";
}
//output shows " javascript" as a lastIndex
var ele_demo = document.getElementById("regex_lastIndex");
ele_demo.innerHTML = final_result;
}
</script>
</body>
</html>

输出

输出显示了匹配字符串的最后一个索引位置。

示例 3

该示例显示了 lastIndex 属性的匹配字符在字符串中的最后一个位置。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp lastIndex properties
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp lastIndex properties
</h3>
<h4> The lastIndex property gets the Last position of the match character of the code of the function
</h4>
<!-- Click the button to get the lastIndex properties output -->
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_lastIndex"> </div>
</div>
<script>
function display_value() {
let lastIndex_value = "9, 81, 19, 21, 90";
let lastIndex_pattern = /9/g;
var final_result = "";
while (lastIndex_pattern.test(lastIndex_value)==true)  {
//Get the last position of the matching character with the lastIndex keyword
final_result += "Available lastIndex: " + lastIndex_pattern.lastIndex + "<br>";
}
//output shows " javascript" as a lastIndex
var ele_demo = document.getElementById("regex_lastIndex");
ele_demo.innerHTML = final_result;
}
</script>
</body>
</html>

输出

输出显示了匹配字符串的最后一个索引位置。

示例 4

该示例显示了 lastIndex 属性的匹配字符在数字函数中的最后一个位置。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp lastIndex properties
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp lastIndex properties
</h3>
<h4> The lastIndex property gets the Last position of the match character of the code of the function
</h4>
<!-- Click the button to get the lastIndex properties output -->
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_lastIndex"> </div>
</div>
<script>
function display_value() {
let lastIndex_value = "8, 9, 81, 19, 21, 90";
let lastIndex_pattern = /4/g;
var final_result = "";
if(lastIndex_pattern.test(lastIndex_value)==true)  {
//Get the last position of the matching character with the lastIndex keyword
final_result += "Available lastIndex: " + lastIndex_pattern.lastIndex + "<br>";
}else{
final_result += " Not Available Available lastIndex: "
}
var ele_demo = document.getElementById("regex_lastIndex");
ele_demo.innerHTML = final_result;
}
</script>
</body>
</html>

输出

输出显示了匹配字符串的最后一个索引位置。

结论

regex lastIndex 属性显示了在以下字符之前的匹配字符串的最后一个位置。

下一主题JavaScript catch expression

Javascript Regex LastIndex 属性

语法

支持的浏览器

示例

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

Javascript Regex LastIndex 属性

语法

支持的浏览器

示例

结论

相关帖子

JavaScript Return 命令

免费 JavaScript

JavaScript 中的导入和导出

JavaScript 将字符串转换为数字

如何在 Visual Studio 中运行 JavaScript 程序

如何使用 JavaScript 检测移动设备

如何检查 JavaScript 中的空字符串

Golang 与 JavaScript 对比

如何在 JavaScript 中使用 require() 函数

如何使用 JavaScript 随机打乱数组

订阅 Tpoint Tech

联系信息

关注我们