Thuộc tính lastIndex trong JavaScript trả về vị trí chỉ mục khi một trận đấu xảy ra và trận đấu tiếp theo sau đó chỉ tiếp tục từ vị trí đó. Thuộc tính lastIndex chỉ hoạt động nếu công cụ sửa đổi ‘g’ được đặt.
Sau đây là mã cho thuộc tính lastIndex trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample,
.result {
font-size: 18px;
font-weight: 500;
color: red;
}
</style>
</head>
<body>
<h1>JavaScript lastIndex Property</h1>
<div class="sample">The king bought an expensive ring.</div>
<div style="font-weight: bold; color: black;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to find the index of 'ing' in the above string
</h3>
<script>
let sampleEle = document.querySelector(".sample");
let resultEle = document.querySelector(".result");
let regex = new RegExp("ing", "g");
regex.test(sampleEle.innerHTML);
document.querySelector(".Btn").addEventListener("click", () => {
resultEle.innerHTML +='"ing" found Current Index = ' + regex.lastIndex + "<br>";
regex.test(sampleEle.innerHTML);
resultEle.innerHTML += '"ing" found Current Index = ' + regex.lastIndex;
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
