Artur Šein Portfoolio

JS: Objektid ja meetodid

Objekt – ?

Meetod – ?

Millised funktsioonid on kasutusel – ?

// objekti loomine
let auto = {
    mark: "Toyota",
    mudel: "Corolla",
    aasta: 2022,
    varv: "punane",
    lisavarustus: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"]
};

// Välja
console.log(auto)

Console –

Objekti meetodid ja this kasutamine

let auto = {
    //omadused
    mark: "Toyota",
    mudel: "Corolla L",
    aasta: 2022,
    varv: "punane",
    omadused: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],

    //meetodid
    taisnimi: function() {
        return this.mark + " " + this.mudel + " " + this.aasta + " " +  this.varv;
    }
};

console.log(auto.taisnimi());

Console –

For, ForEach

let auto = {
    //omadused
    mark: "Toyota",
    mudel: "Corolla L",
    aasta: 2022,
    varv: ["Punane", "must"],
    omadused: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],

    //meetodid
    taisnimi() {
        return this.mark + " " + this.mudel;
    },
    // Funktsioonide lühendamine
    kuvaOmadused() {
        this.omadused.forEach(omadus => console.log(omadus)), this.varv.forEach(varv => console.log(varv));
    }
};

auto.kuvaOmadused();

Console –

Objektide massiivi loomine ja kuvamine

// Loomine
let autod = [
    { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },
    { mark: 'Honda', mudel: 'Civic', aasta: 2012 },
    { mark: 'Tesla', mudel: 'Model 3', aasta: 2019 }
];

// Näitab kõik autod
console.log(autod);

// Näitab ainult esimese auto
console.log(autod[0])

// Näitab teise auto marki
console.log(autod[1].mark)

// Selleks, et näha kõik autod, saame kasutada ForEach
autod.forEach((auto) => {
    console.log(`
    Mark: ${auto.mark},
    Mudel: ${auto.mudel},
    Aasta: ${auto.aasta}
    `);
});

Console –

Objekti massiivi meetodid

Push(), Unshift()

// Loomine
let autod = [
    { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },
    { mark: 'Honda', mudel: 'Civic', aasta: 2012 },
    { mark: 'Tesla', mudel: 'Model 3', aasta: 2019 }
];

//Lisab uue objekti massiivi lõppu
autod.push({ mark: 'BMW', mudel: '320i', aasta: 2015 });

//Lisab uue objekti massiivi ette
autod.unshift({ mark: 'Ford', mudel: 'Focus', aasta: 2020 });

autod.forEach((auto) => {
    console.log(`
    Mark: ${auto.mark}
    Mudel: ${auto.mudel}
    Aasta: ${auto.aasta}`)
});

Console –

Splice()

// Loomine
let autod = [
    { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },
    { mark: 'Honda', mudel: 'Civic', aasta: 2012 },
    { mark: 'Tesla', mudel: 'Model 3', aasta: 2019 }
];

// Eemaldab esimese objekti
autod.splice(0, 1)
// Lisab objekti alates teisest indeksist, ei kustutata midagi
autod.splice(1, 0, { mark: 'Audi', mudel: 'A4', aasta: 2018})

autod.forEach((auto) => {
    console.log(`
    Mark: ${auto.mark}
    Mudel: ${auto.mudel}
    Aasta: ${auto.aasta}`)
});

Console –

Massiivist otsimine

// Loomine
let autod = [
    { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },
    { mark: 'Honda', mudel: 'Civic', aasta: 2012 },
    { mark: 'Tesla', mudel: 'Model 3', aasta: 2020 }
];

//Otsimine
let otsing = autod.find(auto=>auto.aasta > 2019);
console.log(otsing);

Console –

Massiivi filtreerimine

// Loomine
let autod = [
    { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },
    { mark: 'Honda', mudel: 'Civic', aasta: 2012 },
    { mark: 'Tesla', mudel: 'Model 3', aasta: 2020 }
];

let filter = autod.filter(auto=>auto.aasta > 2018);
console.log(filter);

Console –

Massiivi sorteerimine

// Loomine
let autod = [
    { mark: 'Toyota', mudel: 'Corolla', aasta: 2007 },
    { mark: 'Honda', mudel: 'Civic', aasta: 2012 },
    { mark: 'Tesla', mudel: 'Model 3', aasta: 2020 }
];

autod.sort((a, b) => a.aasta - b.aasta);
console.log(autod);

Console –