8 Taulukot, Date, Math, Function

• Taulukko on "erilainen olio"
• Luonti ja käyttö
• Alkoiden läpikäynti
• Taulukkometodeita
• Taulukoiden taulukot
• Date
• Math
• Function

Taulukko on "erilainen olio"

• Taulukot ovat ajatukseltaan ja toiminnaltaan hyvin erilaisia kuin Javassa ja monissa muissa "tavanomaisissa" kielissä. Vaan hyvin voimakkaita ne ovat ... Useita ominaisuuksia on jo nähty. Tässä tulee kertausta täydennystä.

• Taulukko-olion alkiot voivat olla keskenään eri tyyppisiä. Tämä on tietenkin sopusoinnussa sen kanssa, että JavaScripin muuttujat yleensäkin ovat tyypittömiä.

• Taulukko-olio on aina "riittävän suuri", mutta jos indeksoidaan suuremmalla indeksillä kuin on taulukon pituus, length-kentän arvo, taulukko-olioon "syntyy uusia alkoita" (?), joiden arvoksi tulee undefined. Taulukon length-kentän arvoksi tulee (normaalisti!) tuo uusi indeksi plus yksi.

  var t = [1,2,3]
  oK(t)               // 0: 1
                      // 1: 2
                      // 2: 3
                      // length: 3
  t[7] = 666
  oK(t)               // 0: 1
                      // 1: 2
                      // 2: 3
                      // 7: 666
                      // length: 8
  
  write(t[6])         // undefined
  

  Huom: Alkioille, joille ei aseteta arvoa, ei tarvitse (välttämättä) tehdä tilanvarausta: Kuten kaikki jo varmaan muistavat, olemattoman kentän arvon kysely palauttaa undefined!

  Jos indeksoidaan hyvin suurella indeksillä, tapahtuu kiinnostavaa. Vertaa seuraavia:

  var t = [1,2,3]
  t[700000000] = 666
  oK(t)               // 0: 1
                      // 1: 2
                      // 2: 3
                      // 700000000: 666
                      // length: 700000001
                      //--------
  

  ja

  var t = [1,2,3]
  t[70000000000] = 666
  oK(t)               // 0: 1
                      // 1: 2
                      // 2: 3
                      // length: 3
                      // 70000000000: 666
                      // --------
  

  Opimmeko tästä jotakin? Ja jos niin mitä?
• Taulukko-olion pituutta length voi myös muuttaa. Jos sitä kasvatetaan, uudet alkiot ovat arvoltaan undefined, jos vähennetään, taulukon loppuosan alkiot häviävät.

  var t = [1,2,3]
  write(t[2])         // 3
  oK(t)               // 0: 1
                      // 1: 2
                      // 2: 3
                      // length: 3
                      // --------
  t.length = 2
  write(t[2])         // undefined
  oK(t)               // 0: 1
                      // 1: 2
                      // length: 2
                      // --------
  t.length = 8
  write(t[2])         //  undefined
  oK(t)               // 0: 1
                      // 1: 2
                      // 2: 3
                      // length: 8
                      //--------
  

• Taulukko on olio siinä missä kaikki muutkin oliot: siihen voidaan mielin määrin määrin lisäillä ties minkä nimisiä kenttiä (kenttänimien syntaksi, ks. edellinen luku). Ja kuten varmaan muistetaan, minkä tahansa olion kenttiin voidaan viitata myös indeksoinnin tapaan eli hakasulkeissa.

  var t = [1,2,3];
  write(t.length);          // 3
  t[10000] = "kissa";
  write(t.length);          // 10001
  write(t[10000]);          // kissa
  write(t[7000]);           // undefined
  
  t.length = 2;
  write(t.length);          // 2
  write(t[2]);             // undefined
  
  write(t[-1]);             // undefined
  write(t["abc"]);          // undefined
  var o = new Object();  
  write(t[o]);              // undefined
  
  t[-1] = 234;
  write(t[-1]);             // 234
  t["abc"] = {a:21, b:34}
  write(t["abc"]);          // [object Object]
  write(t["abc"].b);        // 34
  t[o] = 3.14;
  write(t[o]);              // 3.14
  
  write(t[undefined]);      // undefined
  t[undefined] = 666;
  write(t[undefined]);      // 666
  
  t[NaN] = "appelsiini";
  write(t[NaN]);            // appelsiini
  

• On tässä tavallisella perinneohjelmoijalla ihmettelemistä! ;-)

• Taulukon koon mahdollinen (sic!) kasvaminen suurimmman käytetyn indeksin mukaan on syytä muistaa! Välttämättä jokainen vastaan tuleva JavaScript-toteutus ei jätä varaamatta tilaa undefined-alkioille!

• Mahdollisuus lisätä taulukko-olioon nimettyjä kenttiä antaa mahdollisuuden aika mukaviin ratkaisuihin: taulukkomaiseen tietojoukkoon voidaan liittää erilaista "metadataa". Ja kannattaa tässä muistella, miten tuollaiset kentät saa numeroitumattomiksi.

Luonti ja käyttö

• Taulukko-olioita voidaan luoda kolmella tavalla: talukkoliteraalina, new-operaatiolla ja Array-funktiolla.

  var a = [1,2,3];
  var b = new Array(1,2,3);
  var c = Array(1,2,3);
  

• Taulukkoliteraalien kirjoittamisen piirteisiin tutustuttiin jo luvussa Tietotyyppejä, muuttujia ja literaalivakioita.

• Funktio Array vain kätkee sisäänsä kutsun new Array. Muuta eroa näillä kahdella ei ole. Tällaista konstruktorin nimen käyttömahdollisuutta ilman new-ilmausta kutsutaan "tehdas"- eli "factory"-metodiksi.

• Jos Array-muotoisilla taulukon luonneilla on vain yksi numeerinen parametri, se tarkoittaa luotavan taulukon kokoa, ei yksialkoisen taulukon ainoaa alkiota. Yksi ei-numeerinen parametri sitävastoin on luotavan yksialkoisen taulukon ainoa alkio.

  var a = new Array(3);
  write(a.length);      // 3
  var b = Array("3");
  write(b.length);      // 1
  

• Jos ainoana parametrina annetaan numeerinen ei-kokonaisluku, jonka desimaaliosa ei ole nolla, esim. Array(3.14) ohjelman suoritus päättyy virheeseen: RangeError: invalid array length.

Alkoiden läpikäynti

• Taulukon alkiot voidaan käydä läpi tuttuun ja perinteiseen tapaan:

  var t = [1,2,3,4,5,6,7, "kissa"];
  for (var i=0; i<t.length; ++i)
    t[i] += 2;
  write(t);     // 3,4,5,6,7,8,9,kissa2
  

  (Huomaa kissa2!)

• Funktiolle forEach voidaan antaa parametriksi sulkeuma:

  var t = [1,2,3,4,5,6,7, "kissa"];
  var i=0;
  t.forEach(function () {t[i] += 2, ++i});
  write(t);     // 3,4,5,6,7,8,9,kissa2
  

• for-in-lause käy läpi minkä tahansa olion numeroituvat kentät, erityisesti siis taulukon indeksit:

  var t = [1,2,3,4,5,6,7, "kissa"];
  var i;
  for (i in t)
    t[i] += 2;
  write(t);     // 3,4,5,6,7,8,9,kissa2
  

• Kenttien arvojen eli indeksoiden saatavien alkioiden arvojen läpikäynti ei tietenkään muuta mitään:

  var t = [1,2,3,4,5,6,7, "kissa"];
  var i;
  for (i of t)
    i += 2;
  write(t);     // 1,2,3,4,5,6,7,kissa
  

  Tässä muuttujaan i vain sijoitellaan laskettuja arvoja. Ja i käyttäytyy toistolauseen alialgoritmissa arvoparametrin tapaan. Se siis ei ole viite taulukon alkioon vaan se on alkion arvo.

Taulukkometodeita

• Taulukko-olioiden käsittelyyn on suuri joukko voimakkaita työkaluja. Joitakin esimerkkejä :
  • concat() joins two arrays and returns a new array.
  • push() adds one or more elements to the end of an array and returns the resulting length of the array.
  • pop() removes the last element from an array and returns that element.
  • reverse() transposes the elements of an array: the first array element becomes the last and the last becomes the first.
  • sort() sorts the elements of an array.
  • forEach(callback[, thisObject]) executes callback on every array item.
  • map(callback[, thisObject]) returns a new array of the return value from executing callback on every array item.
  • filter(callback[, thisObject]) returns a new array containing the items for which callback returned true.
  • every(callback[, thisObject]) returns true if callback returns true for every item in the array.
  • some(callback[, thisObject]) returns true if callback returns true for at least one item in the array.
  • ...

• Luettelo ja ohjelmaesimerkkejä löytyy MDN:n oppaasta kohdasta Array.

• Pienellä testiympäristöllä voi tarkistaa, minkä nimisiä välineitä juuri nyt käytössä oleva JavaScript-toteutus taulukoille tarjoaa. Suorita komento oK(Array) niin näet kaikki Array-oliolta periytyvät työkalut!

• Kannattaa kiinnittää huomio siihen, miten funktioparametrin saavia työkaluja voi käyttää toisaalta sekä aksessessoreina että myös "luokkametodien" tapaan, jolloin this-ilmaus itse sidotaan viittaamaan olioon, jolle operaatio on määrä suorittaa:

  var t = [1,2,3,4,5,6,7];
  var i=0;
  t.forEach(function () {t[i] *= 2, ++i});
  write(t);     // 2,4,6,8,10,12,14
  
  var t = [1,2,3,4,5,6,7];
  var i=0;
  Array.forEach(t, function () {t[i] *= 2, ++i});
  write(t);     // 2,4,6,8,10,12,14
  

Taulukoiden taulukot

Date

Math

• JavaScriptin Math-olio muistuttaa paljon Javan Math-luokkaa. Vakioiden (mm. Math.PI ja Math.E) lisäksi sieltä löytyy joukko laskennallisia funktioita:

  

Function

by WebCounter
(22.10.2013)