Taulukot ovat tietorakenteita, joita käytetään arvojoukkojen tallentamiseen ja käsittelyyn.

Taulukoiden luominen

• JavaScriptissä taulukot luodaan hakasulkeilla [] ja niitä kutsutaan taulukkoliteraaleiksi;
• Pilkut erottavat taulukon alkiot toisistaan.

// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Taulukon alkioiden käsittely

• Taulukon indeksit alkavat arvosta 0, eli ensimmäisellä alkiolla on indeksi 0, toisella indeksi 1 ja niin edelleen;
• Yksittäisiin taulukon alkioihin pääsee käsiksi käyttämällä hakasulkeita ja alkion indeksiä.

const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Taulukon alkioiden muokkaaminen

Taulukon arvoja voidaan muuttaa viittaamalla niihin indeksin avulla ja asettamalla uusi arvo.

colors[1] = "yellow";
numbers[0] = 10;

Taulukon pituus

Taulukon length-ominaisuus ilmaisee sen sisältämien alkioiden määrän. Se päivittyy automaattisesti, kun alkioita lisätään tai poistetaan.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Viimeisen alkion etsiminen

Viimeisen alkion arvon hakemiseksi taulukosta voidaan laskea sen indeksi kaavalla array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

For-silmukka

• for-silmukkaa käytetään taulukon läpikäyntiin alkio kerrallaan;
• Se hyödyntää laskurimuuttujaa (esim. i) jokaisen alkion indeksiin pääsemiseksi;
• Silmukka jatkuu niin kauan kuin laskuri on pienempi kuin taulukon pituus;
• Perustyökalu taulukon läpikäyntiin.

for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

For...of-silmukka

• for...of-silmukka on modernimpi ja tiiviimpi tapa käydä taulukkoja läpi;
• Se huolehtii automaattisesti silmukan laskurista ja tarjoaa suoran pääsyn jokaisen alkion arvoon;
• Yksinkertaistaa taulukon läpikäyntiä, tehden koodista selkeämpää ja helpommin luettavaa.

for (const color of colors) {
  console.log(color);
}