Taulukot - Useiden arvojen tallentaminen

Mikä on taulukko (array)?

Taulukko on erityinen datatyyppi, joka mahdollistaa useiden arvojen tallentamisen yhden muuttujan taakse. Sen sijaan, että olisi yksi vaijeri, joka yhdistää nimen yhteen arvoon, voit kuvitella taulukon pitkänä vaijerina, jossa on monta paikkaa - joista jokainen pitää sisällään yhden arvon. Nämä paikat ovat nimeltään indeksit, ja ne on numeroitu alkaen nollasta.

Tässä esimerkki hedelmillä:

let fruits = ["omena", "banaani", "kirsikka"];

Tässä koodissa määritämme muuttujan fruits käyttäen let-avainsanaa ja annamme sille arvoksi taulukon, joka sisältää kolme merkkijonoarvoa. Jokainen arvo on tallennettu tiettyyn indeksiin:

• "omena" on indeksissä 0
• "banaani" on indeksissä 1
• "kirsikka" on indeksissä 2

Taulukon luominen

Taulukko luodaan käyttämällä hakasulkeita ja pilkulla erotettua arvolistaa:

let numbers = [1, 2, 3, 4];

Voit myös luoda tyhjän taulukon ja lisätä arvoja myöhemmin:

let tyhjäTaulukko = [];
tyhjäTaulukko[0] = "ensimmäinen";
tyhjäTaulukko[1] = "toinen";

Taulukon elementtien käsitteminen

Voit käsitellä taulukon "alkioita" käyttämällä alkion indeksiä. Esimerkiksi ensimmäisen alkion tulostamiseksi fruits-taulukosta kirjottaisit:

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

Luku hakasulkujen sisällä kertoo siis JavaScriptille, mitä kohtaa taulukosta, eli minkä indeksin arvon haluat lukea (tai kirjoittaa/muuttaa, kuten kohta tulevassa esimerkkikoodissa).

Taulukon arvojen muuttaminen

Voit vaihtaa arvon minkä tahansa indeksin kohdalla. Esimerkiksi, jos haluat vaihtaa "banaanin" "mustikkaan" fruits-taulukossa:

fruits[1] = "mustikka";
console.log(fruits); // tulostaa ["omena", "mustikka", "kirsikka"]

Tämä yhdistää "vaijerin" indeksissä 1 uuteen arvoon.

Uuden arvon lisääminen push()-metodilla

push()-metodi antaa sinun lisätä uuden arvon taulukon loppuun.

Esimerkiksi:

let colors = ["punainen", "vihreä"];
colors.push("sininen");
console.log(colors); // tulostaa ["punainen", "vihreä", "sininen"]

Elementtien poistaminen pop()-metodilla

pop()-metodi poistaa viimeisen elementin taulukosta ja palauttaa sen.

Esimerkiksi:

let numbers = [1, 2, 3, 4];
let poistettu = numbers.pop();
console.log(numbers); // tulostaa [1, 2, 3]
console.log(poistettu); // tulostaa 4

Harjoitukset