Javascript-perusteet

Harjoitellaan Javascriptin perusteita.

Alkuvalmistelut

Hello World

Muuttujat

Debuggaus

Tietorakenteet

Silmukat

If-lause

Funktiot

Objektit

var elukka = new Object();
elukka.tyyppi = 'Kissa';
elukka.nimi = 'Mirri';
elukka.paino = 4;
// objektin ominaisuuksiin voi viitata kuin taulukon alkioihin:
console.log ( elukka['tyyppi'] );
console.log ( elukka['nimi'] );
elukka['paino'] = 5;

// toinen tapa luoda ja alustaa objekti. Vrt json
var elukka2 = {
  tyyppi: 'Koira',
  nimi: 'Musti',
  paino: 10
};

Objektin sisältämät avaimet ja arvot voi käydä läpi for...in-silmukalla.

Luo omaan ohjelmaasi edellä tehdyt objektit ja kokeile tulostaa niiden sisältö konsoliin silmukalla.

Monimutkaisemmat tietorakenteet

Usein joudutaan käsittelemään sisäkkäisiä tietorakenteita. Taulukoita, joiden sisällä on lisää taulukoita tai objekteja, tai objekteja, jotka sisältävät uusia objekteja ja taulukoita.

Elaintarha on objekti, joka sisältää ominaisuudet tyypit ja elaimet. Tyypit on taulukko. Elaimet on myös taulukko. Tyypit sisältää merkkijonoja. Elaimet sisältää objekteja. Lisää seuraava tietorakenne omaan ohjelmaasi ja tulosta se console.log- tai console.dir-komennolla konsoliin. Tämän jälkeen voit konsolissa selailla tarkemmin rakennetta.

var elaintarha = {
  "tyypit": [
    "Kissa",
    "Koira",
    "Hiiri"
  ],
  "elaimet": [
    {
      "tyyppi": "Kissa",
      "nimi": "Mirri",
      "paino": 5
    },
    {
      "tyyppi": "Koira",
      "nimi": "Musti",
      "paino": 10
    },
    {
      "tyyppi": "Koira",
      "nimi": "Murre",
      "paino": 10
    }
  ]
};

Käyttäjien kommentit

Kommentoi Lisää kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/tiea2120/ohjaus/ohjaus1/
© Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <http://hazor.iki.fi/>
2017-09-06 11:21:37
Informaatioteknologia - Jyväskylän yliopiston informaatioteknologian tiedekunta