Lastnosti in Metode JavaScript Niza: indexOf()

Metoda indexOf() vrne prvi indeks določene vrednosti ali -1, če vrednost ni najdena. Metoda indexOf() se začne pri določenem indeksu in išče od leve proti desni. Privzeto se iskanje začne pri prvem elementu (indeks 0) in konča pri zadnjem. Negativne začetne vrednosti se štejejo od zadnjega elementa, vendar še vedno poteka iskanje od leve proti desni.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>indexOf()</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <style>
        .demo-container {
            border: 1px solid greenyellow;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 15px;
        }
        .result {
            color: #2196F3;
            font-weight: bold;
            margin: 10px 0;
        }
        .code-example {
            padding: 10px;
            border-radius: 4px;
            font-family: monospace;
            margin: 10px 0;
        }
        .true {
            color: #4CAF50;
        }
        .false {
            color: #f44336;
        }
    </style>
</head>
<body>
    <div class="demo-container">
        <h3>Iskanje v nizu</h3>
        <div class="code-example">const niz = "Dobrodošli v JavaScript vadnico!";</div>
        <div id="nizPrimeri"></div>
    </div>

    <div class="demo-container">
        <h3>Iskanje v seznamu</h3>
        <div class="code-example">const sadje = ["Jabolka", "Hruške", "Jagode", "Borovnice", "Banane"];</div>
        <div id="seznamPrimeri"></div>
    </div>

    <div class="demo-container">
        <h3>Iskanje od določenega položaja</h3>
        <div id="polozajPrimeri"></div>
    </div>

<script>
    const niz = "Dobrodošli v JavaScript vadnico!";
    
    document.getElementById("nizPrimeri").innerHTML = `
        <div class="result">Položaj črke "J": ${niz.indexOf("J")}</div>
        <div class="result">Položaj besede "v": ${niz.indexOf("v")}</div>
        <div class="result">Položaj črke "z": ${niz.indexOf("z")}</div>
    `;

    const sadje = ["Jabolka", "Hruške", "Jagode", "Borovnice", "Banane"];
    
    document.getElementById("seznamPrimeri").innerHTML = `
        <div class="result">Položaj "Jagode": ${sadje.indexOf("Jagode")}</div>
        <div class="result">Položaj "Kivi": ${sadje.indexOf("Kivi")}</div>
    `;

    document.getElementById("polozajPrimeri").innerHTML = `
        <div class="code-example">
            sadje.indexOf("Jagode", 2) // Išči od 3. elementa naprej
        </div>
        <div class="result">
            Rezultat iskanja "Jagode" od indeksa 2: ${sadje.indexOf("Jagode", 2)}
        </div>
        <div class="code-example">
            niz.indexOf("JavaScript", 15) // Išči od 16. znaka naprej
        </div>
        <div class="result">
            Rezultat iskanja "JavaScript" od indeksa 15: ${niz.indexOf("JavaScript", 15)}
        </div>
    `;
</script>
</body>
</html>

REZULTAT