Object Literals

Bir objenin tüm bilgilerini detaylıca oluşturmak için kullanılır.

Tanımlamalar

let person = {
     firstname: 'Ahmet',
     lastname: 'Can',
     age: 27,
     hobbies: ['snooker','music'],
     address:{
          city:'kayseri',
          country: 'Türkiye'
     },
     getbirthyear:function(){
          let d = new Date();
          simdi = d.getFullYear();
          dyil = simdi - this.age;
          return dyil;
     }
};

val = person.firstname;
console.log(val); // Ahmet

val=person.lastname;
console.log(val); // Can

val = person['age'];
console.log(val); // 27

val=person.hobbies;
console.log(val); // ["snooker", "music"]

val=person.hobbies.length;
console.log(val); // 2

val=person.hobbies[0];
console.log(val); // snooker

val = person.address;
console.log(val); // {city: "kayseri", country: "Türkiye"}

val= person.address.city;
console.log(val); // kayseri

val = person.getbirthyear();
console.log(val); // 1993

let people = [
     {firstname:'Ahmet', lastname:'Can'},
     {firstname:'Adem', lastname:'Can'},
     {firstname:'Kübra', lastname:'Şimşek'},
];

val = people[0];
console.log(val); // {firstname: "Ahmet", lastname: "Can"}

val = people[2].firstname;
console.log(val); // Kübra

for(let i =0; i<people.length; i++){
     console.log(people[i].lastname);
}

/*
Çıktısı
Can
Can
Şimşek
*/

Yukarıdaki bilgilerle bir uygulama yapalım

/*
Aşağıdaki object literals yapısını kullanarak en az 5 araç bilgisini tutunuz.

Araç Bilgileri:

id: bmw116d_1234
model: 116d
yil: 2015
renk: white
servis kayıtları: 
     id: bmw116d_1234_1 
     tarih: 30.01.2016
     km: 13000
     toplam ücret: 900
          servis detayı:
          id: 1 işlem: yağ değişimi ücret: 300
          id: 2 işlem: filtre değişimi ücret: 300
          id: 3 işlem: fren hidroliği ücret: 300

     id: bmw116d_1234_2 
     tarih: 10.01.2017
     km: 28000
     toplam ücret: 1800
          servis detayı:
          id: 1 işlem: yağ değişimi ücret: 350
          id: 2 işlem: filtre değişimi ücret: 350
          id: 3 işlem: fren hidroliği ücret: 300
          id: 4 işlem: balata değişimi ücret: 800

*/

var aracbilgileri = [
     {
          id: 'bmw',
          model: 'bmw 116d',
          yil: 2015,
          renk: 'Beyaz',
          servisKayitlari:[
               {
                    id: 'bmw_1',
                    tarih: '30.01.2016',
                    km: 13000,
                    toplam_ucret: 900,
                    detay:[
                         {id: 1, islem: 'yağ değişimi', ucret: 300},
                         {id: 2, islem: 'filtre değişimi', ucret: 300},
                         {id: 3, islem: 'fren hidroliği', ucret: 300}
                    ]
               },
               {
                    id: 'bmw_2',
                    tarih: '10.01.2017',
                    km: 28000,
                    toplam_ucret: 1800,
                    detay:[
                         {id: 1, islem: 'yağ değişimi', ucret: 350},
                         {id: 2, islem: 'filtre değişimi', ucret: 350},
                         {id: 3, islem: 'fren hidroliği', ucret: 300},
                         {id: 4, islem: 'balata değişimi', ucret: 800}
                    ]
               }
          ]
     },

     {
          id: 'audi',
          model: 'audi a5',
          yil: 2008,
          renk: 'Siyah',
          servisKayitlari:[
               {
                    id: 'audi_1',
                    tarih: '30.01.2016',
                    km: 13000,
                    toplam_ucret: 900,
                    detay:[
                         {id: 1, islem: 'yağ değişimi', ucret: 300},
                         {id: 2, islem: 'filtre değişimi', ucret: 300},
                         {id: 3, islem: 'fren hidroliği', ucret: 300}
                    ]
               },
               {
                    id: 'audi_2',
                    tarih: '10.01.2017',
                    km: 28000,
                    toplam_ucret: 1800,
                    detay:[
                         {id: 1, islem: 'yağ değişimi', ucret: 350},
                         {id: 2, islem: 'filtre değişimi', ucret: 350},
                         {id: 3, islem: 'fren hidroliği', ucret: 300},
                         {id: 4, islem: 'balata değişimi', ucret: 800}
                    ]
               }
          ]
     },

     {
          id: 'mercedes',
          model: 'mercedes f1',
          yil: 2020,
          renk: 'Gri',
          servisKayitlari:[
               {
                    id: 'mercedes_1',
                    tarih: '30.01.2016',
                    km: 13000,
                    toplam_ucret: 900,
                    detay:[
                         {id: 1, islem: 'yağ değişimi', ucret: 300},
                         {id: 2, islem: 'filtre değişimi', ucret: 300},
                         {id: 3, islem: 'fren hidroliği', ucret: 300}
                    ]
               },
               {
                    id: 'mercedes_2',
                    tarih: '10.01.2017',
                    km: 28000,
                    toplam_ucret: 1800,
                    detay:[
                         {id: 1, islem: 'yağ değişimi', ucret: 350},
                         {id: 2, islem: 'filtre değişimi', ucret: 350},
                         {id: 3, islem: 'fren hidroliği', ucret: 300},
                         {id: 4, islem: 'balata değişimi', ucret: 800}
                    ]
               }
          ]
     }
]

console.log(aracbilgileri);
console.log(aracbilgileri[1]);
console.log(aracbilgileri[1].id);
console.log(aracbilgileri[0].renk);
console.log(aracbilgileri[0].ucret);
console.log(aracbilgileri[2].detay);
console.log(aracbilgileri[1].servisKayitlari[0].km);