Materiale

Lectie: Bazele Web Dev

Material: Obiecte JS

Obiecte JS

Obiectele în JavaScript sunt colecții de date structurate sub formă de perechi cheie-valoare. Ele sunt folosite pentru a organiza și a manipula date complexe.

Cum se creează un obiect?

Obiectele pot fi create folosind sintaxa de acolade {}, iar fiecare proprietate este definită printr-o pereche cheie-valoare, unde cheia este un string.

        
let masina = {
    marca: 'BMW',
    model: 'X5',
    an: 2020,
    culoare: 'Negru'
};
        
                  

În acest exemplu, am creat un obiect numit masina, care are patru proprietăți: marca, model, an și culoare.

Accesarea Proprietăților Obiectului

Pentru a accesa valorile dintr-un obiect, putem folosi sintaxa cu punct sau cu paranteze pătrate.

        
let marcaMasina = masina.marca; // Acces cu punct
let modelMasina = masina['model']; // Acces cu paranteze
        
    

Ambele modalități de acces sunt valide, dar sintaxa cu punct este preferată atunci când numele proprietății este un identificator valid.

Modificarea Proprietăților Obiectului

Proprietățile unui obiect pot fi modificate direct, fie folosind sintaxa cu punct, fie cu paranteze pătrate.

        
masina.an = 2021; // Modificare cu punct
masina['culoare'] = 'Alb'; // Modificare cu paranteze
        
    

În acest exemplu, am schimbat anul și culoarea mașinii.

Adăugarea și Ștergerea Proprietăților Obiectului

Este ușor să adăugăm noi proprietăți unui obiect, la fel și să le ștergem.

        
masina.sofer = 'Daniel'; // Adăugare proprietate
delete masina.culoare; // Ștergere proprietate
        
    

În acest exemplu, am adăugat o proprietate sofer și am șters proprietatea culoare.

Metode în Obiecte

Obiectele pot conține și metode, care sunt funcții asociate unui obiect. Acestea permit obiectului să efectueze acțiuni.

        
let masina = {
    marca: 'BMW',
    model: 'X5',
    an: 2020,
    culoare: 'Negru',
    descriere: function() {
        return this.marca + ' ' + this.model + ', ' + this.an + ', ' + this.culoare;
    }
};

console.log(masina.descriere()); // BMW X5, 2020, Negru
        
    

În acest exemplu, am adăugat o metodă descriere obiectului masina, care returnează o descriere detaliată a mașinii.

Obiecte în Obiecte

Obiectele pot conține și alte obiecte. Acest lucru permite crearea unor structuri de date complexe.

        
let masina = {
    marca: 'BMW',
    model: 'X5',
    detalii: {
        culoare: 'Negru',
        an: 2020,
        motor: 'Diesel'
    }
};

console.log(masina.detalii.culoare); // Negru
        
    

În acest exemplu, obiectul masina conține un alt obiect detalii, care include informații suplimentare despre mașină.

Concluzie

Obiectele sunt esențiale în JavaScript pentru organizarea și manipularea datelor. Ele permit gestionarea de informații complexe într-un mod structurat și eficient.