JavaScript String: toLowerCase() – pretvorba v male črke

Lastnosti in Metode JavaScript Niza: toLowerCase()

Metoda toLowerCase() vrne nov niz, kjer so vsi znaki pretvorjeni v male črke; izvirni niz ostane nespremenjen. Za jezikovno odvisna pravila uporabite toLocaleLowerCase(locale) (npr. turška črka İ/ı).

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>toLowerCase()</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 -->
    <div class="code-example">
        <span class="info-title">Osnovna uporaba: String.prototype.toLowerCase()</span>
        <span class="info-sub">Izvirnik ostane nespremenjen, metoda vrne nov niz v malih črkah.</span>
        <span class="info-sub">Originalno besedilo: Dobrodošli v JavaScript vadnici!</span>
        <span id="a" class="result"></span>
    </div>

    <!-- B) Lokalno občutljiva pretvorba (turščina kot primer) -->
    <div class="code-example">
        <span class="info-title">Lokalno občutljivo: toLocaleLowerCase('tr-TR')</span>
        <span class="info-sub">Posebnosti: “I” → “ı”, “İ” → “i” (primer turškega para I/İ).</span>
        <span id="b" class="result"></span>
    </div>

    <!-- C) Posebni znaki: ß ipd. -->
    <div class="code-example">
        <span class="info-title">Posebni znaki: primer nemškega “ß”</span>
        <span class="info-sub">“Straße → groß” ostane “straße → groß” (ß ostane ß; velike črke se znižajo).</span>
        <span id="c" class="result"></span>
    </div>

    <!-- D) Tip rezultata in izvirnik -->
    <div class="code-example">
        <span class="info-title">Tip rezultata in izvirnik</span>
        <span class="info-sub">Rezultat je vedno tipa “string”; izvirni niz ostane nespremenjen.</span>
        <span id="bool" class="result"></span>
    </div>
</div>

<script>
    // A) Osnovna uporaba
    const original = "Dobrodošli v JavaScript vadnici!";
    const aRes = original.toLowerCase();
    document.getElementById("a").textContent = aRes;

    // B) Lokalno občutljivo (turščina)
    const tur = "Istanbul iz İnegöl – I İ ı i";
    const bRes = tur.toLocaleLowerCase('tr-TR');
    document.getElementById("b").textContent = bRes;

    // C) Posebni znaki (ß)
    const special = "Straße → groß";
    const cRes = special.toLowerCase(); // "straße → groß"
    document.getElementById("c").textContent = cRes;

    // D) Tip rezultata + izvirnik
    const sample = "Primer";
    const low = sample.toLowerCase();
    const type = typeof low; // "string"
    // Jasno pokažemo tip in izvirnik (namesto primerjave po vrednosti)
    document.getElementById("bool").textContent = `typeof rezultata: ${type}; izvirnik: "${sample}"`;
</script>
</body>
</html>

REZULTAT

Spodaj je interaktiven primer, ki v živo pokaže razliko med toLowerCase() in toLocaleLowerCase(). V polje vnesite besedilo, po želji izberite locale (npr. sl-SI, en-US, tr) in opazujte tri izpise: navadno znižanje (toLowerCase), jezikovno občutljivo znižanje s privzetimi nastavitvami brskalnika (toLocaleLowerCase) ter znižanje z izbranim locale (toLocaleLowerCase(locale)). Status pod rezultati pove, kateri locale je bil uporabljen in ali je bil uporabljen privzet. Izvirnik ostane nespremenjen. Opozorilo: klic na null ali undefined povzroči TypeError – najprej zagotovite niz.

Vnesi besedilo Locale

Izvirnik:

toLowerCase():

toLocaleLowerCase():

toLocaleLowerCase(locale):