Ohjelmistoprosessin työvälineet

JavaScript -asioita

Funktio

Funktio esitellään JavaScript-kielessä näin:

function summa(a, b) {
    return a + b;
}    

Fuktio saa kaksi parametria ja palauttaa lukujen summan. Toinen tapa kirjoittaa funktio on käyttämällä ES6-notaatiota:

const summa = (a, b) => {
    return a + b;
}

Tai vielä lyhyemmin:

const summa = (a, b) => a + b;

for/of-silmukka

for/of -silmukan avulla voidaan helposti käydä läpi taulukon alkiot.

let luvut = [1, 2, 3];
for (let luku of luvut) {
    console.log(luku);
}   

Sama asia forEach-silmukalla:

let luvut = [1, 2, 3];
luvut.forEach(luku => console.log(luku));    

Spread ... operaattori

Operaattorilla ... kopioidaan taulukkon sisältö yksittäisiksi alkioiksi. Tästä on hyötyä tilanteissa joissa halutaan esimerkiksi kopioida taulukon sisältö.

let luvut = [1, 2, 3];
let luvut2 = [...luvut, 4, 5];    

Ehtolause

JavaScriptin ehtolause jossa on kaksi vaihtoehtoa if/else voidaan kirjoittaa ?-merkin avulla lyhyesti näin:

let ika = 15;
ika >= 18 ? console.log("Aikuinen") : console.log("Alaikäinen");    

map

Map käy läpi taulukon ja palauttaa ehdon täyttäneet alkiot uutena taulukkona.

Taulukon lukujen kaksinkertaiset arvot:

let luvut = [1, 2, 3, 4, 5];
let luvut2 = luvut.map((luku) => luku * 2);
console.log(luvut2);// 2, 4, 6, 8, 10

Yksi käyttötarkoitus on lisätä tai muuttaa taulukon sisältämien olioiden arvoja.

const opiskelijat = [
    {"nimi": "Pekka", "opiskelijanumero": 1234}, 
    {"nimi": "Maija", "opiskelijanumero": 1235}, 
    {"nimi": "Matti", "opiskelijanumero": 1236}
]
// tauluun alkiot sekä uusi pisteet-tieto
const muutetut = opiskelijat.map(opiskelija => {
    return {
        ...opiskelija,
        pisteet: 0
    }
})

console.log(muutetut);    

filter

Filter palauttaa ehdon täyttävät alkiot uutena taulukkona.

let luvut = [1, 2, 3, 4, 5];
let luvut2 = luvut.filter((luku) => {
    if (luku >= 3) {
        return luku;
    } 
});
console.log(luvut2);// 4, 5