JavaScrip Nizi

Nizi (ang. Strings) se uporabljajo za predstavitev in obdelavo zaporedja znakov, so uporabni za shranjevanje podatkov, ki jih je mogoče predstaviti v besedilni obliki. Nekatere najpogostejše uporabljene operacije na nizih so preverjanje njihove dolžine, njihova izdelava in povezovanje z nizovnima operaterjema + in +=, preverjanje obstoja ali lokacije podnizov (ang. Substrings) z metodo indexOf() ali abstrahiranjem podnizov (ang. Substrings) z metodo substring(). Nize je mogoče ustvariti kot primitivne, iz nizovnih literalov ali kot objekte z uporabo konstruktorja String(). Primitivni nizi in objekti imajo veliko skupnega vedenja, vendar imajo druge pomembne razlike in opozorila. Nizovne (ang. String) literale je mogoče določiti z uporabo enojnih ali dvojnih narekovajev, ki se obravnavajo enako, ali z uporabo povratnega znaka.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>JavaScript Nizi</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <style>
        .output {
            border: 1px solid #ddd;
            padding: 10px;
            margin: 10px 0;
            border-radius: 4px;
            font-family: monospace;
        }
        .container {
            margin: 20px;
            font-family: Arial, sans-serif;
        }
        pre {
            padding: 15px;
            border-radius: 4px;
            border: 1px solid #ddd;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>JavaScript Nizi (Strings)</h1>
        
        <p>Nizi so eno najpomembnejših področij v JavaScriptu. Uporabljamo jih za delo z besedilom in omogočajo 
            številne uporabne operacije.</p>
        
        <h2>Primer dela z nizi:</h2>
        
        <pre><code>// Različni načini definiranja nizov
let ime = "Janez";
let priimek = 'Novak';
let pozdrav = `Pozdravljeni`;

// Združevanje nizov
let polnoIme = ime + " " + priimek;
let sporocilo = `${pozdrav}, ${ime}!`;

// In še več operacij...</code></pre>

        <h3>Rezultati:</h3>
        <div id="rezultati" class="output"></div>
    </div>

    <script>
        // Različni načini definiranja nizov
        let ime = "Janez"; // Z dvojnimi narekovaji
        let priimek = 'Novak'; // Z enojnimi narekovaji
        let pozdrav = `Pozdravljeni`; // Z ležečimi narekovaji (backticks)

        // Združevanje nizov
        let polnoIme = ime + " " + priimek; // Klasično združevanje
        let sporocilo = `${pozdrav}, ${ime}!`; // Uporaba predloge niza (template literal)

        // Delo z nizi
        let dolzinaImena = ime.length; // Število znakov v nizu
        let velikeTiskanke = ime.toUpperCase(); // Pretvorba v velike črke
        let maleTiskanke = priimek.toLowerCase(); // Pretvorba v male črke

        // Iskanje in izločanje
        let besedilo = "Slovenija je prelepa država";
        let vsebuje = besedilo.includes("prelepa"); // Preveri, če niz vsebuje besedo
        let del = besedilo.substring(0, 9); // Izreže "Slovenija"
        let pozicija = besedilo.indexOf("je"); // Najde položaj besede "je"

        // Prikaz rezultatov
        let rezultati = document.getElementById("rezultati");
        rezultati.innerHTML = `
            <strong>Polno ime:</strong> ${polnoIme}<br>
            <strong>Pozdravno sporočilo:</strong> ${sporocilo}<br>
            <strong>Dolžina imena:</strong> ${dolzinaImena}<br>
            <strong>Velike črke:</strong> ${velikeTiskanke}<br>
            <strong>Male črke:</strong> ${maleTiskanke}<br>
            <strong>Ali vsebuje 'prelepa'?</strong> ${vsebuje}<br>
            <strong>Del besedila:</strong> ${del}<br>
            <strong>Pozicija besede 'je':</strong> ${pozicija}
        `;
    </script>
</body>
</html>

REZULTAT

Do posameznega znaka v nizu (ang. String) lahko dostopamo na dva načina. Prvi način je z metodo charAt() in drugi, da niz (ang. String) obravnavamo kot objekt, podoben tabeli, kjer posamezni znaki ustrezajo številskemu indeksu.


const niz = "Banana"[1]; // vrne vrednost a iz besede Banana

Pri uporabi oglatih oklepajev ([]) za dostop do posameznih znakov poskus brisanja ali dodelitve vrednosti tem lastnostim ne bo uspel. Vključenih lastnosti ni mogoče niti zapisovati, niti konfigurirati. Znotraj niza lahko uporabimo narekovaje, če se ne ujemajo z narekovaji, ki obdajajo niz.


'Uporaba "dvojnega" narekovaja v "nizu", ki je obdan z enojnimi narekovaji.'
"Uporaba 'enojnega' narekovaja v 'nizu', ki je obdan z dvojnimi narekovaji."

Uporaba narekovajev	Znotraj niza lahko uporabljamo narekovaje, če se ne ujemajo z narekovaji, ki obdajajo niz	Glej primer

Ubežni znaki (ang. Escape Characters)

V JavaScript nizih (ang. Strings) ne moremo uporabljati enakih narekovajev znotraj niza, kot je niz obdan, obstaja pa rešitev te težave z uporabo ubežnega znaka. Ubežni znak je znak s poševnico nazaj (\) skupaj z narekovajem.

Znak	Rezultat	Opis
\'	'	Enojni narekovaj
\"	"	Dvojni narekovaj
\\	\	Poševnica nazaj (ang. Backslash)
\b	\b	Vračalka (ang. Backspace)
\f	\f	Podatek obrazca
\n	\n	Nova vrstica
\r	\r	Vrnitev kazalca (ang. Carriage return)
\t	\t	Vodoravni tabulator
\v	\v	Navpični tabulator
\0	\0	Ničelni znak (ang. Null character)
\xXX	\x41	Šestnajstiški zapis znaka (XX je šestnajstiška vrednost, primer: \x41 prikaže "A")
\uXXXX	\u0041	Unicode zapis znaka (XXXX je šestnajstiška vrednost, primer: \u0041 prikaže "A")

Ubežni znaki	Ubežni znak je znak s poševnico nazaj (\) skupaj z narekovajem	Glej primer

Lastnosti in Metode Niza

Običajno nizi (ang. String), kot je "niz", ne morejo imeti metod ali lastnosti, ker niso objekti. Vendar v JavaScriptu so metode in lastnosti na voljo tudi za nize, ker JavaScript med izvajanjem metod in lastnosti obravnava nize kot objekte

Osnovne lastnosti in prototip
length	Vrne dolžino niza.	Glej primer
constructor	Vrne konstruktorsko funkcijo niza	Glej primer
prototype	Omogoča dodajanje lastnosti in metod objektu	Glej primer
Pretvorbe in primitivna vrednost
toString()	Vrne niz ali predmet niza kot niz	Glej primer
valueOf()	Vrne osnovno vrednost niza, ali objekta niza	Glej primer
Primerjava (locale-odvisno)
localeCompare()	Primerja dva niza v trenutni področni nastavitvi	Glej primer
Sprememba velikosti črk
toLowerCase()	Vrne niz, pretvorjen v male črke.	Glej primer
toUpperCase()	Vrne niz, pretvorjen v velike črke	Glej primer
toLocaleLowerCase()	Vrne niz, pretvorjen v male črke, z uporabo gostiteljeve področne nastavitve	Glej primer
toLocaleUpperCase()	Vrne niz, pretvorjen v velike črke, z uporabo gostiteljeve področne nastavitve	Glej primer
Obrezovanje presledkov
trim()	Vrne niz z odstranjenimi presledki	Glej primer
trimStart()	Vrne niz z odstranjenimi presledki na začetku	Glej primer
trimEnd()	Vrne niz z odstranjenimi presledki na koncu	Glej primer
Ustvarjanje iz kodnih točk (stat. metoda)
fromCharCode()	Vrne Unicode vrednosti kot znake	Glej primer
Dostop do znakov
charAt()	Vrne znak na določenem indeksu	Glej primer
charCodeAt()	Vrne Unicode znaka pri podanem indeksu	Glej primer
Iskanje in preverjanje vsebine
includes()	Vrne true, če niz vsebuje vrednost	Glej primer
startsWith()	Preveri, ali se niz začne z določenim znakom	Glej primer
endsWith()	Vrne true, če se niz konča z določeno vrednostjo	Glej primer
indexOf()	Vrne položaj prve pojavitve vrednosti v nizu	Glej primer
lastIndexOf()	Vrne položaj zadnje pojavitve vrednosti v nizu	Glej primer
search()	Išče vrednosti v nizu	Glej primer
Ujemanja (RegExp)
match()	V nizu išče vrednost ali regularni izraz in vrne ujemanje	Glej primer
Izvleček/rezanje podnizov
slice()	Izvleče del niza in vrne novega	Glej primer
substring()	Izvleče znake iz niza med dvema podanima indeksoma	Glej primer
OPOZORILO: substr() je zastarelo – raje uporabite slice() ali substring()
substr() Zastarelo	Izvleče število znakov iz niza	Glej primer
Sestavljanje in ponavljanje
concat()	Vrne dva ali več združenih nizov	Glej primer
repeat()	Vrne nov niz s številom kopij niza	Glej primer
Razdelitev niza
split()	Razdeli niz v tabelo podnizov	Glej primer
Zamenjave
replace()	Poišče vzorec v nizu in ga zamenja	Glej primer
replaceAll()	Poišče vzorce v nizu in jih zamenja	Glej primer