Web-Dev-For-Beginners/translations/sl/2-js-basics/4-arrays-loops

Osnove JavaScripta: Tabele in Zanke

Sketchnote avtorja Tomomi Imura

Kviz pred predavanjem

Kviz pred predavanjem

Ta lekcija pokriva osnove JavaScripta, jezika, ki omogoča interaktivnost na spletu. V tej lekciji se boste naučili o tabelah in zankah, ki se uporabljajo za manipulacijo podatkov.

🎥 Kliknite zgornje slike za videoposnetke o tabelah in zankah.

To lekcijo lahko opravite na Microsoft Learn!

Tabele

Delo s podatki je pogosta naloga v katerem koli jeziku, in ta naloga je veliko lažja, ko so podatki organizirani v strukturirani obliki, kot so tabele. S tabelami so podatki shranjeni v strukturi, podobni seznamu. Ena glavnih prednosti tabel je, da lahko v eni tabeli shranite različne vrste podatkov.

✅ Tabele so povsod okoli nas! Ali lahko pomislite na primer tabele iz resničnega življenja, kot je na primer niz sončnih celic?

Sintaksa za tabelo je par oglatih oklepajev.

let myArray = [];

To je prazna tabela, vendar lahko tabele deklariramo že napolnjene s podatki. Več vrednosti v tabeli je ločenih z vejico.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];

Vrednosti v tabeli so dodeljene edinstveni vrednosti, imenovani indeks, ki je celo število, dodeljeno glede na oddaljenost od začetka tabele. V zgornjem primeru ima niz "Čokolada" indeks 0, indeks "Rocky Road" pa je 4. Indeks uporabite z oglati oklepaji za pridobivanje, spreminjanje ali vstavljanje vrednosti v tabelo.

✅ Vas preseneča, da tabele začnejo z indeksom nič? V nekaterih programskih jezikih indeksi začnejo z 1. Obstaja zanimiva zgodovina o tem, ki jo lahko preberete na Wikipediji.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
iceCreamFlavors[2]; //"Vanilla"

Indeks lahko uporabite za spremembo vrednosti, kot je to:

iceCreamFlavors[4] = "Butter Pecan"; //Changed "Rocky Road" to "Butter Pecan"

In novo vrednost lahko vstavite na določen indeks, kot je to:

iceCreamFlavors[5] = "Cookie Dough"; //Added "Cookie Dough"

✅ Pogostejši način dodajanja vrednosti v tabelo je uporaba operaterjev tabele, kot je array.push().

Če želite izvedeti, koliko elementov je v tabeli, uporabite lastnost length.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];
iceCreamFlavors.length; //5

✅ Poskusite sami! Uporabite konzolo svojega brskalnika za ustvarjanje in manipulacijo tabele po svoji izbiri.

Zanke

Zanke nam omogočajo izvajanje ponavljajočih se ali iterativnih nalog, kar lahko prihrani veliko časa in kode. Vsaka iteracija se lahko razlikuje po svojih spremenljivkah, vrednostih in pogojih. V JavaScriptu obstajajo različne vrste zank, ki imajo majhne razlike, vendar v bistvu opravljajo isto nalogo: prehajajo skozi podatke.

Zanka For

Zanka for zahteva 3 dele za iteracijo:

• števec Spremenljivka, ki je običajno inicializirana s številom, ki šteje število iteracij
• pogoj Izraz, ki uporablja primerjalne operatorje, da povzroči ustavitev zanke, ko je false
• iteracijski izraz Izvede se na koncu vsake iteracije, običajno za spremembo vrednosti števca

// Counting up to 10
for (let i = 0; i < 10; i++) {
  console.log(i);
}

✅ Zaženite to kodo v konzoli brskalnika. Kaj se zgodi, ko naredite majhne spremembe števca, pogoja ali iteracijskega izraza? Ali lahko naredite, da se izvaja nazaj, kot odštevanje?

Zanka While

Za razliko od sintakse zanke for, zanke while zahtevajo le pogoj, ki bo ustavil zanko, ko bo pogoj postal false. Pogoji v zankah običajno temeljijo na drugih vrednostih, kot so števci, in jih je treba upravljati med zanko. Začetne vrednosti števcev je treba ustvariti zunaj zanke, vsi izrazi za izpolnitev pogoja, vključno s spreminjanjem števca, pa morajo biti vzdrževani znotraj zanke.

//Counting up to 10
let i = 0;
while (i < 10) {
 console.log(i);
 i++;
}

✅ Zakaj bi izbrali zanko for namesto while? 17.000 uporabnikov je imelo isto vprašanje na StackOverflow, in nekatera mnenja bi vam lahko bila zanimiva.

Zanke in tabele

Tabele se pogosto uporabljajo z zankami, ker večina pogojev zahteva dolžino tabele za ustavitev zanke, indeks pa je lahko tudi vrednost števca.

let iceCreamFlavors = ["Chocolate", "Strawberry", "Vanilla", "Pistachio", "Rocky Road"];

for (let i = 0; i < iceCreamFlavors.length; i++) {
  console.log(iceCreamFlavors[i]);
} //Ends when all flavors are printed

✅ Eksperimentirajte z iteracijo skozi tabelo po svoji izbiri v konzoli brskalnika.

---

🚀 Izziv

Obstajajo tudi drugi načini iteracije skozi tabele, poleg zank for in while. Obstajajo forEach, for-of in map. Prepišite svojo zanko skozi tabelo z eno od teh tehnik.

Kviz po predavanju

Kviz po predavanju

Pregled in samostojno učenje

Tabele v JavaScriptu imajo veliko metod, ki so izjemno uporabne za manipulacijo podatkov. Preberite o teh metodah in jih preizkusite (na primer push, pop, slice in splice) na tabeli po svoji izbiri.

Naloga

Iterirajte skozi tabelo

---

Omejitev odgovornosti:
Ta dokument je bil preveden z uporabo storitve za strojno prevajanje Co-op Translator. Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo strokovno človeško prevajanje. Ne prevzemamo odgovornosti za morebitna nesporazumevanja ali napačne razlage, ki izhajajo iz uporabe tega prevoda.