Lastnosti in Metode JavaScript Niza: search()

Metoda search() ujema niz z regularnim izrazom **, ter vrne indeks prvega ujemanja. Vrne -1, če ne najde nobenega ujemanja in razlikuje med velikimi in malimi črkami.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>String.prototype.search()</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        .demo-container {
            border-radius: 10px;
            padding: 20px;
            margin: 0 auto 18px;
            border: 1px solid;
            max-width: 100%;
        }
        .code-example {
            padding: 12px 14px;
            border-radius: 8px;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
            margin: 12px 0;
            border: 1px solid;
        }
        .result {
            color: #1e88e5;
            font-weight: 700;
            display: inline-block;
            word-break: break-word;
        }
        .info-title {
            display: block;
            font-family: Arial, sans-serif;
            font-weight: 600;
            margin-bottom: 6px;
        }
        .info-sub {
            display: block;
            font-size: 0.95em;
            margin-bottom: 8px;
        }
    </style>
</head>
<body>
<div class="demo-container">
    <!-- A) Osnovna uporaba: search(vzorec) vrne indeks ali -1 -->
    <div class="code-example">
        <span class="info-title">Osnovna uporaba: String.prototype.search()</span>
        <span class="info-sub">Vrne indeks prvega ujemanja ali -1, če ni najdeno. 
            Argument je niz ali regularni izraz.</span>
        <span class="info-sub">Originalno besedilo: Dobrodošli v JavaScript vadnici!</span>
        <span id="a" class="result"></span>
    </div>

    <!-- B) Regularni izraz z zastavicami (npr. i za neobčutljivost na velikost črk) -->
    <div class="code-example">
        <span class="info-title">Iskanje z regularnim izrazom</span>
        <span class="info-sub">Zastavica <b>i</b> omogoča neobčutljivost na velikost črk. 
            <b>g</b> je pri search() ignorirana.</span>
        <span id="b" class="result"></span>
    </div>

    <!-- C) search() ne podpira začetnega indeksa; primer rešitve z .slice() -->
    <div class="code-example">
        <span class="info-title">Začetni indeks: search() tega neposredno ne podpira</span>
        <span class="info-sub">Če želimo iskati od določenega položaja, 
            lahko uporabimo <b>slice()</b> in nato popravimo indeks.</span>
        <span id="c" class="result"></span>
    </div>

    <!-- D) Zastavica g pri search() -->
    <div class="code-example">
        <span class="info-title">Zastavica g je ignorirana</span>
        <span class="info-sub">search() vrne le prvi indeks ujemanja; 
            <b>g</b> ne vpliva na rezultat (za več ujemanj uporabimo matchAll() ali exec() v zanki).</span>
        <span id="d" class="result"></span>
    </div>

    <!-- E) Tip rezultata in nespremenjen izvirnik -->
    <div class="code-example">
        <span class="info-title">Tip rezultata in nespremenjen izvirnik</span>
        <span class="info-sub">
            Rezultat je vedno število (indeks ali -1); izvirni niz ostane nespremenjen.
        </span>
        <span id="type" class="result"></span>
    </div>
</div>

<script>
    // A) Osnovna uporaba
    const original = "Dobrodošli v JavaScript vadnici!";
    const aIdx = original.search("JavaScript"); // niz se pretvori v RegExp
    document.getElementById("a").textContent = 
        `search("JavaScript") → ${aIdx}`;
    
    // B) Regularni izraz z zastavicami
    const bIdx1 = original.search(/dobro/i); // neobčutljivo na velikost črk → najde na začetku
    const bIdx2 = original.search(/dobro/g); // 'g' pri search() nima učinka
    document.getElementById("b").textContent = 
        `search(/dobro/i) → ${bIdx1} | search(/dobro/g) → ${bIdx2}`;
    
    // C) Iskanje od določenega položaja (workaround s slice)
    const pos = 10; // Npr. iščemo "JavaScript" šele po 10. znaku
    const pattern = /JavaScript/;
    const sliced = original.slice(pos);
    const localIdx = sliced.search(pattern);
    const fixedIdx = localIdx === -1 ? -1 : localIdx + pos;
    document.getElementById("c").textContent = 
        `pos = ${pos}; 
        slice(pos).search(/JavaScript/) → ${localIdx}; 
        popravljeno → ${fixedIdx}`;
    
    // D) Zastavica g je ignorirana
    const s = "banana";
    const d1 = s.search(/a/); // 1
    const d2 = s.search(/a/g); // 1 (enako)
    document.getElementById("d").textContent = 
        `"banana".search(/a/) → ${d1} | "banana".search(/a/g) → ${d2}`;
    
    // E) Tip rezultata in izvirnik
    const res = original.search(/v/);
    const t = typeof res; // "number"
    document.getElementById("type").textContent = 
        `typeof rezultata: ${t}; izvirnik ostane: "${original}"`;
</script>
</body>
</html>

REZULTAT

Interaktivni primer prikazuje uporabo String.prototype.search() v treh korakih: (1) osnovno iskanje podniza, ki vrne indeks prvega ujemanja ali -1, (2) iskanje z možnostjo neobčutljivosti na velikost črk (zastavica i), kjer v polje vnesete iskani vzorec in pritisnete »Išči«, ter (3) iskanje z regularnimi izrazi (npr. @\w+\.). Rezultat se izpiše kot pozicija prvega zadetka v besedilu; če ujemanja ni, se izpiše -1.

Osnovni primer:

        Besedilo: "Dobrodošli v JavaScript vadnici!"
    

        Pozicija "Java": 
    

Interaktivno iskanje:

        V tem besedilu lahko iščete katerokoli besedo ali vzorec. Poskusite najti nekaj!
    

Prezri velikost črk (i)

Regularni izrazi:

        email@domena.com, test123@gmail.com, info@podjetje.si
    