Lastnosti in Metode JavaScript Niza: startsWith()

Metoda startsWith() vrne true, če se niz začne z določeno vrednostjo, v nasprotnem primeru vrne false. Metoda razlikuje med velikimi in malimi črkami.

PRIMER

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

    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            line-height: 1.55;
        }
        .demo-container {
            border-radius: 10px;
            padding: 20px;
            margin: 0 auto 18px;
            border: 1px solid;
            max-width: 860px;
        }
        .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: startsWith(searchString, position=0) -->
    <div class="code-example">
        <span class="info-title">Osnovna uporaba: String.prototype.startsWith()</span>
        <span class="info-sub">Vrne boolean, ali niz začne z iskalnim podnizom. Privzeti začetek je na 
        indeksu 0.</span>
        <span class="info-sub">Originalno besedilo: Dobrodošli v JavaScript vadnici!</span>
        <span id="a" class="result"></span>
    </div>

    <!-- B) Uporaba z začetnim indeksom (position) -->
    <div class="code-example">
        <span class="info-title">Začetni indeks: startsWith(iskalniNiz, position)</span>
        <span class="info-sub">Lahko podamo izhodiščni indeks, od koder začne preverjati začetek.</span>
        <span id="b" class="result"></span>
    </div>

    <!-- C) Občutljivost na velikost črk in primer “case-insensitive” -->
    <div class="code-example">
        <span class="info-title">Primerjava velikih/malih črk</span>
        <span class="info-sub">startsWith() je občutljiv na velikost črk. Za neobčutljivo preverjanje 
        normaliziramo niza.</span>
        <span id="c" class="result"></span>
    </div>

    <!-- D) 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 tipa “boolean”; izvirni niz se ne spremeni.</span>
        <span id="bool" class="result"></span>
    </div>
</div>

<script>
    // A) Osnovna uporaba (privzeto position = 0)
    const original = "Dobrodošli v JavaScript vadnici!";
    const aRes = original.startsWith("Dobro");
    document.getElementById("a").textContent = 
        `startsWith("Dobro") → ${aRes}`;
    
    // B) Uporaba z začetnim indeksom (position)
    const textB = "Dobrodošli v JavaScript vadnici!";
    const needleB = "JavaScript";
    const posB = textB.indexOf("JavaScript"); // primer: začne preverjati na mestu, kjer se pojavi "JavaScript"
    const bRes = textB.startsWith(needleB, posB);
    document.getElementById("b").textContent = 
        `startsWith("${needleB}", ${posB}) → ${bRes}`;
    
    // C) Občutljivost na velikost črk in “case-insensitive” pristop
    const cmp = "Istanbul";
    const plain = cmp.startsWith("i"); // false zaradi velike začetnice
    // Preprost “case-insensitive” pristop: normaliziramo oba niza
    const ci = cmp.toLocaleLowerCase().startsWith("i");
    document.getElementById("c").textContent = 
        `startsWith("i") → ${plain} | case-insensitive → ${ci}`;
    
    // D) Tip rezultata in izvirnik
    const sample = "Primer";
    const check = sample.startsWith("Pri");
    const type = typeof check; // "boolean"
    document.getElementById("bool").textContent = 
        `typeof rezultata: ${type}; izvirnik: "${sample}"`;
</script>
</body>
</html>

REZULTAT

V tem interaktivnem primeru lahko preveriš, ali se niz začne z izbranim začetkom. V polje vnesi iskani začetek in poglej rezultat ter razlago v območju »Rezultati«. Lahko klikneš tudi na pripravljene primere (Dober, dan, DOBER, !) ali spodaj preizkusiš praktične scenarije za e‑poštne naslove, URL-je in imena datotek. Upoštevaj, da je startsWith() občutljiv na velike/male črke; za neobčutljivo preverjanje lahko niza predhodno normaliziraš (npr. z toLocaleLowerCase()).

Preveri začetek besedila

Vnesi začetek besedila, ki ga želiš preveriti

Preizkusi s temi primeri:

Praktični primeri:

Preverjanje e-pošte:

Preverjanje spletnih naslovov:

Preverjanje datotek: