Lastnosti in Metode JavaScript Niza: includes()

Metoda includes() vrne true, če niz ali matrika vsebuje določeno vrednost, ali false, če vrednost ni najdena. Pri nizih razlikuje med velikimi in malimi črkami. Pri matrikah lahko določimo tudi začetni položaj iskanja.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>Primeri Uporabe includes() Metode</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <style>
        .demo-container {
            border: 2px solid lightgreen;
            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 besedilo = "Dobrodošli v JavaScript vadnico!";</div>
        <div id="primeriNiza"></div>
    </div>

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

    <div class="demo-container">
        <h3>Iskanje z začetnim položajem</h3>
        <div id="polozajIskanja"></div>
    </div>

<script>
    // Primeri z nizi
    const besedilo = "Dobrodošli v JavaScript vadnico!";
    
    function prikaziRezultat(iskano, rezultat) {
        return `Iskanje "${iskano}": <span class="${rezultat}">${rezultat}</span>`;
    }

    document.getElementById("primeriNiza").innerHTML = `
        <div class="result">${prikaziRezultat("JavaScript", besedilo.includes("JavaScript"))}</div>
        <div class="result">${prikaziRezultat("javascript", besedilo.includes("javascript"))}</div>
        <div class="result">${prikaziRezultat("v", besedilo.includes("v"))}</div>
    `;

    // Primeri s tabelo
    const sadje = ["Jabolka", "Hruške", "Jagode", "Borovnice", "Banane"];
    
    document.getElementById("primeritabele").innerHTML = `
        <div class="result">${prikaziRezultat("Jagode", sadje.includes("Jagode"))}</div>
        <div class="result">${prikaziRezultat("Lubenica", sadje.includes("Lubenica"))}</div>
    `;

    // Primer z začetnim položajem
    document.getElementById("polozajIskanja").innerHTML = `
        <div class="code-example">
            sadje.includes("Jagode", 2) // Išči od 3. elementa naprej
        </div>
        <div class="result">
            Rezultat iskanja "Jagode" od 3. elementa: <span class="${sadje.includes("Jagode", 2)}">
            ${sadje.includes("Jagode", 2)}</span>
        </div>
        <div class="code-example">
            besedilo.includes("JavaScript", 10) // Išči od 11. znaka naprej
        </div>
        <div class="result">
            Rezultat iskanja "JavaScript" od 11. znaka: <span class="${besedilo.includes("JavaScript", 10)}">
            ${besedilo.includes("JavaScript", 10)}</span>
        </div>
    `;
</script>
</body>
</html>

REZULTAT