Javascripti objektid:

on võimsad andmestruktuurid, mis võimaldavad teil organiseerida seotud andmeid ühte üksusesse. Objektid koosnevad võtmes-väärtuses paaridest, kus võti on sõne (string) ja väärtus võib olla mis tahes Javascripti andmetüüp (arv, sõne, massiiv, funktsioon jne). Objektid pakuvad suurepärast viisi andmete struktureerimiseks ja manipuleerimiseks. Igapäevaelus võime objekte kohata mitmel viisil.

Objekt:

Javascripti programmides on võimalik vajaduse korral luua ise kohandatud objekte, samuti kasutada sisseehitatud objekte, mis on Javascripti enda poolt pakutavad objektid. Mõned sisseehitatud on näiteks:

1. Math objekt sisaldab matemaatilisi funktsioone ja konstante. Seda kasutatakse sageli matemaatiliste arvutuste tegemiseks, nagu ümardamine, ruutjuur, trigonomeetria funktsioonid jne.
2. Date objekt võimaldab töötada kuupäevade ja kellaaegadega. Selle abil saab luua uusi kuupäevaobjekte, saada juurde kuupäeva komponente (nagu päev, kuu, aasta) ja teha erinevaid toiminguid kuupäevade vahel.
3. Array objekt on sisseehitatud objekt, mida kasutatakse massiivide loomiseks ja manipuleerimiseks. See sisaldab mitmeid meetodeid, mis võimaldavad massiividega töötada, nagu elemendi lisamine, eemaldamine, sorteerimine, filtreerimine jne.
4. String objekt sisaldab meetodeid, mis võimaldavad töötada sõnedega. Näiteks, saate kasutada meetodeid nagu length (pikkuse saamine), toUpperCase (suurte tähtede kasutamine), substring (alamstringi võtmine) jne.
5. Object objekt on JavaScripti alusobjekt, mida kasutatakse kõikide objektide baasina. Selle meetodeid saab kasutada objektide loomiseks, omaduste lisamiseks ja juurdepääsuks, objektide kopeerimiseks jne.

Objekti loomine:

Objekti süntaks koosneb võtme-väärtuse paari paaridest, kus võti on sõne ja väärtus võib olla mis tahes Javascripti andmetüüp. Selles näites on loodud objekt nimega “auto”, millel on järgmised omadused (properties):

let auto = {
    mark: "Porsche",
    mudel: "911",
    aasta: 1964,
    varv: "must",
    lisavarustus: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"]
};

Väljastamiseks trüki välja kogu objekt:

console.log(auto);

Iga objekti omadustele saab juurde pääseda, kasutades punktisüntaksit.

console.log(auto.mark); // Output: "Porsche"
console.log(auto.mudel); // Output: "911"
console.log(auto.aasta); // Output: 1964
console.log(auto.varv); // Output: "must"
console.log(auto.omadused); // Output: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"]

Objekti meetodid ja this kasutamine:

Objektid Javascriptis võivad sisaldada mitte ainult omadusi, vaid ka meetodeid. Meetodid on objekti funktsioonid, mis võivad manipuleerida objekti omadustega või teostada muid toiminguid objekti kontekstis. this võtmesõna kasutatakse meetodite sees, et viidata objektile, mille sees meetod on kutsutud. Tekitame eelmisele auto objektile meetodi, mis kuvab auto täispika nime. Selleks, et meetod saaks kasutada sama objekti omadusi, siis tuleb kasutada this võtmesõna.

let auto = {
    mark: "Porsche",
    mudel: "911",
    aasta: 1964,
    varv: "must",
    lisavarustus: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],

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

console.log(auto.taisnimi());

Meetodi lühendamine:

Uus Javascript ES6 lubab nüüd meetodi panna kirja ka lühemalt.

  //meetodid
  taisnimi() {
    return this.mark + " " + this.mudel;
  }

Kui omadused on massiivis, siis kasuta for või forEach tsüklit.

let auto = {
    mark: "Porsche",
    mudel: "911",
    aasta: 1964,
    varv: "must",
    omadused: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],

    //meetodid
    taisnimi() {
        return this.mark + " " + this.mudel;
    },

    kuvaOmadused() {
        this.omadused.forEach(omadus => console.log(omadus));
    }
};

auto.kuvaOmadused();

Objektide massiivid:

Objektide massiiv on JavaScriptis andmete struktuur, mis koosneb mitmest objektist, mis on järjestatud indeksi alusel. Iga objekt on võti-väärtuse paaride kogum, kus võti on unikaalne ja väärtus on võti-väärtuse paari andmed. Objektide massiiv võib sisaldada mitmesuguseid andmetüüpe, sealhulgas teksti (string), numbreid, tõeväärtusi (boolean), funktsioone, muid objekte jne.

Objektide massiivi loomine ja kuvamine:

Objektide massiivi loomine on suhteliselt lihtne. Alustame näiteks autode andmete salvestamisega. Iga auto on esindatud objektina, mis sisaldab teavet auto margi, mudeli ja tootmisaasta kohta.

let auto = {
    mark: "Porsche",
    mudel: "911",
    aasta: 1964,
    varv: "must",
    omadused: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],
}


let autod = [
    { mark: 'Porsche', mudel: '911', aasta: 1964 },
    { mark: 'Lexus', mudel: 'IS 300', aasta: 2001 },
    { mark: 'Tesla', mudel: 'Model X', aasta: 2014 }
];
console.log(autod);
console.log(autod[0]);
console.log(autod[0].mark);

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

Objekti massiivi meetodid:

JavaScripti massiivide meetodid on kasutatavad nii tavaliste massiivide kui ka objektide massiivide puhul. Sellised meetodid nagu push(), pop(), shift(), unshift(), splice(), slice(), forEach(), map(), filter(), reduce(), sort(), jne. on kõik kasutatavad sõltumata sellest, kas massiiv sisaldab lihtsaid andmetüüpe (näiteks stringid või numbrid) või keerukamaid andmeid (näiteks objekte või isegi teisi massiive).

let auto = {
    mark: "Porsche",
    mudel: "911",
    aasta: 1964,
    varv: "must",
    omadused: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],
}


let autod = [
    { mark: 'Porsche', mudel: '911', aasta: 1964 },
    { mark: 'Lexus', mudel: 'IS 300', aasta: 2001 },
    { mark: 'Tesla', mudel: 'Model X', aasta: 2014 }
];

autod.push({ mark: 'BMW', mudel: 'i8', aasta: 2014 });
autod.unshift({ mark: 'Ford', mudel: 'Mustang', aasta: 2025 });

//massiiv.splice(
  //  {start indeks},
    //{mitu eemaldada},
    //{mida lisada}
//
// );

autod.push({ mark: "BMW", mudel: "i8", aasta: 2014 });
autod.unshift({ mark: "Ford", mudel: "Mustang", aasta: 2025 });
autod.splice(0, 1);
autod.splice(1, 0, { mark: "Audi", mudel: "A4", aasta: 2018 });
console.log("Kõik autod:");
autod.forEach((auto, index) => {
    console.log(`${index + 1}. ${auto.mark} ${auto.mudel} (${auto.aasta})`);
});

Massiivist otsimine:

Objektide massiivist otsimiseks kasutame find meetodit, mis tahab käivitamiseks funktsiooni. Kasutame noolfunktsiooni, kuna see lühem.

let auto = {
    mark: "Porsche",
    mudel: "911",
    aasta: 1964,
    varv: "must",
    omadused: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],
};

let autod = [
    { mark: 'Porsche', mudel: '911', aasta: 1964 },
    { mark: 'Lexus', mudel: 'IS 300', aasta: 2001 },
    { mark: 'Tesla', mudel: 'Model X', aasta: 2014 }
];


let otsing = autod.find(auto => auto.aasta > 1964);
console.log(otsing);

Massiivi filtreerimine:

Kuna find leiab vaid ühe tulemuse, siis mitme vastuse saamiseks kasuta filter meetodit. Filter loob massiivist uue massiivi ja väljastab tingimustele vastavad elemendid.

let auto = {
    mark: "Porsche",
    mudel: "911",
    aasta: 1964,
    varv: "must",
    omadused: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],
};

let autod = [
    { mark: 'Porsche', mudel: '911', aasta: 1964 },
    { mark: 'Lexus', mudel: 'IS 300', aasta: 2001 },
    { mark: 'Tesla', mudel: 'Model X', aasta: 2014 }
];


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

Massiivi sorteerimine:

Viimase meetodina vaatame sorteerimist sort. Lihtsalt sorteerimine objektide massivii puhul õigesti ei tööta. Seepärast peame kasutama võrdlusfunktsiooni.

let auto = {
    mark: "Porsche",
    mudel: "911",
    aasta: 1964,
    varv: "must",
    omadused: ["kliimaseade", "elektriaknad", "navigatsioonisüsteem"],
};

let autod = [
    { mark: 'Porsche', mudel: '911', aasta: 1964 },
    { mark: 'Lexus', mudel: 'IS 300', aasta: 2001 },
    { mark: 'Tesla', mudel: 'Model X', aasta: 2014 }
];


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

Ülesanne Raamat ja Raamatukogu