JavaScript

JavaScriptin taulukot(array): luo, lue ja käsittele taulukoita

Taulukot ovat olennainen osa JavaScriptiä, sillä useimmat JavaScriptin sisäiset oliot perustuvat niihin. Taulukoiden avulla pystytään niputtamaan useita arvoja yhteen muuttujaan, ja käsittelemään näitä arvoja erilaisilla ohjausrakenteilla ja sisäänrakennetuilla taulukkometodeilla. Taulukoita hyödynnetään esimerkiksi JSON-muotoisen datan ja DOM-kokoelmien käsittelyssä, sekä funktionaalista ohjelmointia hyödyntävissä malleissa.

Taulukon luominen JavaScriptissä

Taulukko on järjestetty kokoelma, jonka jäsenet ovat saatavilla indeksein (0, 1, 2, ...).

Voit luoda taulukon kolmella eri tavalla:

// Tavallinen tapa
let hedelmat = ["omena", "banaani", "appelsiini"];

// Tai käyttämällä Array-konstruktoria
let numerot = new Array(10, 20, 30);

// tai antamalla arvot erikseen joka indeksille
var a;
a[1] = "eka";
a[2] = "toka";
a[3] = "kolmas";

Taulukon jäsenen lukeminen

Taulukon jäsenet ovat luettavissa indeksin kautta. JavaScriptissä taulukon ensimmäinen alkio löytyy 0. indeksistä:

console.log(hedelmat[0]); // "omena"

Taulukon käsittely for-silmukalla

Voit iteroida, eli käydä taulukon läpi perinteisellä for-silmukalla. Seuraava esimerkki tulostaa listauksen hedelmistä:

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

Myös modernimpi for...ofsilmukkarakenne on hyödynnettävissä taulukon iteroinnissa. Seuraava esimerkki tuottaa täsmälleen saman lopputuloksen kuin aiempi koodiesimerkki:

for (let hedelma of hedelmat) {
  console.log(hedelma);
}

Olion tallentaminen taulukkoon

Taulukot voivat säilöä myös olioita. Tämä on erityisen hyödyllistä, kun käsittelet moniulotteista dataa - kuten tuoteluetteloa, jossa jokainen tuote on oma oliosensa.

let myyntiautot = [
  { merkki: "Ford", malli: "Escort", vari: "Sininen" },
  { merkki: "Volkswagen", malli: "Golf", vari: "Punainen" }
];

for (let auto of myyntiautot) {
  console.log(`${auto.merkki} ${auto.malli} (${auto.vari})`);
}

Artikkelin tiedot

Otsikko: JavaScriptin taulukot(array): luo, lue ja käsittele taulukoita

Kuvaus: Opi luomaan taulukko JavaScriptissä. Tutustu arvojen lukemiseen ja taulukon käsittelyyn for-silmukan avulla.

Julkaisija: Koulutus- ja konsultointipalvelu KK Mediat

Viimeksi päivitetty: 4.9.2025

Kirjoittaja: Keijo Kortelainen

Keijo on verkkoliiketoiminnan ja digimarkkinoinnin asiantuntija, joka on auttanut satoja suomalaisia yrityksiä kasvattamaan näkyvyyttään ja myyntiään verkossa. Keijolla on BBA-tutkinto verkkokaupasta (BBA in eCommerce) sekä lähes kolmen vuosikymmen kokemus web-teknologioista (mm. HTML, CSS, JavaScript, PHP ja SQL) ja sisältömarkkinoinnista. Hän toimii yrittäjänä, konsulttina ja freelancerina – ja on jakanut osaamistaan 2kmediat.com-sivustolla yli 20 vuoden ajan.

LinkedIn