JavaScript String: toUpperCase() – pretvori v velike črke

Lastnosti in Metode JavaScript Niza: toUpperCase()

Metoda toUpperCase() vrne nov niz, v katerem so vsi znaki pretvorjeni v velike črke. Izvirni niz ostane nespremenjen. Pretvorba sledi pravilom Unicode in ni odvisna od jezika. Za jezikovno občutljive pretvorbe (npr. turška İ/ı) uporabite toLocaleUpperCase(locale). Klic na null ali undefined povzroči TypeError.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>toUpperCase()</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.toUpperCase()</span>
        <span class="info-sub">Izvirnik ostane nespremenjen, metoda vrne nov niz v velikih č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: toLocaleUpperCase('tr-TR')</span>
        <span class="info-sub">Posebnosti: "i" → "İ", "ı" → "I", pravilna pretvorba znakov v turščini.</span>
        <span id="b" class="result"></span>
    </div>

    <!-- C) Posebni znaki: ß → SS ipd. -->
    <div class="code-example">
        <span class="info-title">Posebni znaki: primer nemškega "ß"</span>
        <span class="info-sub">Nekateri znaki se razširijo: "Straße → groß" postane "STRASSE → GROSS".</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 "string"; izvirni niz se ne spremeni.</span>
        <span id="bool" class="result"></span>
    </div>
</div>

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

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

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

    // D) Tip rezultata + izvirnik ostane nespremenjen
    const sample = "Primer";
    const up = sample.toUpperCase();
    const type = typeof up; // "string"
    const unchanged = (sample === up) ? "DA" : "NE"; // "NE", ker je rezultat nov niz
    document.getElementById("bool").textContent = 
        `typeof rezultata: ${type}; izvirnik nespremenjen: ${unchanged}`;
</script>
</body>
</html>

REZULTAT

Spodaj je interaktiven primer za pretvorbo velikosti črk. V polje vnesite poljuben niz in opazujte rezultat metode toUpperCase() ter jezikovno občutljive toLocaleUpperCase(locale). Z izbirnikom “Locale” lahko preverite posebnosti posameznih jezikov (npr. turščina: "i" → "İ", "ı" → "I"). Izvirnik ostane nespremenjen, rezultata se sproti posodabljata, dodan pa je tudi prikaz, ali sta izida enaka. Opozorilo: klic toUpperCase() ali toLocaleUpperCase() na null/undefined sproži TypeError — pred uporabo vedno zagotovite veljaven niz.

Vnesi besedilo Namig: turščina razlikuje med “i/İ” in “ı/I”.

Izvirni niz:

typeof(izvirnik):

toUpperCase():

toLocaleUpperCase(locale):

Results are equal:

Opombe

toUpperCase() ne sprejme argumentov, vrne nov niz, izvirnik ostane nespremenjen.
toLocaleUpperCase(locale) je jezikovno občutljiv; v turščini je npr. "i" → "İ" in "ı" → "I".
Klic na null ali undefined povzroči TypeError – najprej zagotovite niz.