কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে lastIndex প্রপার্টি

lastIndex প্রপার্টি কী?

lastIndex প্রপার্টি রেগুলার এক্সপ্রেশন ম্যাচ হওয়ার পরের ইনডেক্স পজিশন রিটার্ন করে। পরবর্তী ম্যাচটি সেই পজিশন থেকে শুরু হয়। এটি শুধু 'g' (global) মডিফায়ার সেট থাকলে কাজ করে।

উদাহরণ

<!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>জাভাস্ক্রিপ্ট lastIndex প্রপার্টি</h1>
    <div class="sample">The king bought an expensive ring.</div>
    <div style="font-weight: bold; color: black;" class="result"></div>
    <button class="Btn">এখানে ক্লিক করুন</button>
    <h3>উপরোক্ত বাটনে ক্লিক করুন 'ing' শব্দের ইনডেক্স খুঁজে বের করতে</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>

আউটপুট

প্রথম ক্লিকে প্রথম "ing" এর ইনডেক্স, দ্বিতীয় ক্লিকে দ্বিতীয় "ing" এর ইনডেক্স প্রদর্শিত হবে।

  1. জাভাস্ক্রিপ্ট কার্সর প্রপার্টি

  2. JavaScript Infinity প্রপার্টি: অসীম মান হ্যান্ডলিং

  3. জাভাস্ক্রিপ্ট lastIndex প্রোপার্টি

  4. জাভাস্ক্রিপ্ট source প্রোপার্টি