Obje: bir şampiyonun bütün bilgisi tek kutuda

Şimdiye kadar her bilgiyi ayrı bir değişkende tuttun: can bir kutuda, altın başka bir kutuda. Tek bir şampiyon için bu yetiyor. Ama bir maçta on şampiyon var ve her birinin adı, canı, altını, eşyası ve haritadaki yeri var.

Bu derste birbirine ait bilgileri tek bir yerde toplamayı öğreneceksin: obje. Dersin sonunda bir şampiyonun bütün bilgisini tek bir değişkende tutabilecek, okuyup değiştirebilecek ve fonksiyonlara verebileceksin.

#Ayrı değişkenler neden dağılır?

VS Code'da C:\kod\ogren klasörüne ders4.js adında yeni bir dosya ekle. Bu dersin örneklerini bu dosyada yazacaksın; yeni bir örneğe geçerken eski kodu silebilir ya da satır başlarına // koyabilirsin.

Ahri ve Lux için birer bilgi kartı yazdıran bir program düşün. Şimdiye kadar öğrendiklerinle her bilgi ayrı bir değişken olur, kartı da Ders 3'teki gibi bir fonksiyon yazdırır:

1function kartYazdir(isim, hp, gold) {2    console.log(isim + " | can: " + hp + " | altın: " + gold)3}4 5const ahriIsim = "Ahri"6let ahriHp = 1007let ahriGold = 3008const luxIsim = "Lux"9let luxHp = 9010let luxGold = 25011kartYazdir(ahriIsim, ahriHp, ahriGold)12kartYazdir(luxIsim, luxHp, luxGold)

Ahri | can: 100 | altın: 300Lux | can: 90 | altın: 250

Program çalışıyor ama üç sorunu var:

• Değişkenler çoğalır. On şampiyon, her birinde üç bilgi: otuz değişken. Oyuna mana eklemek istersen on değişken daha.
• Aradaki bağ görünmez. ahriHp ile ahriGold'un aynı şampiyona ait olduğunu yalnızca adlarının başındaki ahri'den anlıyorsun. JavaScript için bunlar birbirinden habersiz altı ayrı kutu.
• Argümanlar karışır. Fonksiyon her bilgiyi ayrı bir parametre olarak istiyor. Ders 3'te gördüğün gibi argümanların sırasını karıştırırsan JavaScript seni uyarmaz.

Üçüncüsünü kendin gör. Dosyanın sonuna şu satırı ekle ve yeniden çalıştır:

13kartYazdir(ahriIsim, ahriGold, ahriHp)

Ahri | can: 300 | altın: 100

Can ile altın yer değiştirdi: Ahri'nin canı 300 göründü. Hata mesajı yok, program yanlış sonucu sessizce yazdı; bu, Ders 2'de tanıdığın bir mantık hatası. Sekiz bilgisi olan bir şampiyonda sekiz argümanı her seferinde doğru sırayla vermek gerçekten zor.

Ders 3'ün son görevindeki esyaAl da aynı sorunu taşıyordu: beş parametre vardı ve esyaAl("B. F. Kılıcı", 1300, 1300, false, true) satırındaki false ile true'nun ne anlama geldiği tanıma bakmadan anlaşılmıyordu. Bu dersin son görevinde dükkânı objelerle yeniden kuracaksın.

Çözüm, bir şampiyonun bütün bilgisini tek bir kutuda toplamak. Aşağıdaki şeklin sağ yarısı, bu derste kuracağın düzen:

#İlk objen

ders4.js dosyasındaki kodu sil ve şunu yaz:

1const ahri = {2    isim: "Ahri",3    hp: 100,4    gold: 3005}6console.log(ahri)

PS C:\kod\ogren> node ders4.js{ isim: 'Ahri', hp: 100, gold: 300 }

Süslü parantezlerin ({ }) arasına yazılan şeye obje (object) denir. ahri kutusunda artık tek bir değer var, ama bu değer üç bilgi taşıyor.

Her bilgi bir anahtar (key) ile bir değerden (value) oluşur ve ikisinin arasına iki nokta (:) konur: isim: "Ahri" satırında anahtar isim, değer "Ahri". Her anahtar–değer çiftine alan (property) denir; alanlar birbirinden virgülle ayrılır.

Kısa bir objeyi tek satıra da yazabilirsin; JavaScript için iki yazım aynı objedir:

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2console.log(ahri)

{ isim: 'Ahri', hp: 100, gold: 300 }

Bu derste kısa objeleri tek satıra, uzunlarını alt alta yazacağız. Tek satırlık hâlin parçaları şunlar:

#Yazım kuralları

= ile : farkını aklında tut: = bir kutuya değer koyar (const ahri = …), : ise objenin içinde bir anahtara değer verir.

#Alt alta yazarken

Alan sayısı arttıkça tek satır okunmaz hâle gelir; o zaman ilk penceredeki gibi her alanı ayrı bir satıra yaz:

• { ilk satırın sonunda açılır; } kendi satırında, const ile aynı hizada kapanır.
• Her alan 4 boşluk içeriden başlar. VS Code, Enter'a basınca girintiyi kendisi verir.
• Her satırın sonunda virgül var, sonuncusu hariç.

İki yazımda da Node çıktıyı tek satırda verdi. Kodu nasıl dizdiğin çıktıyı etkilemez; Node objeyi kendi düzeniyle gösterir.

Obje yazarken en sık yapılan iki hata şunlar:

1const ahri = {2    isim: "Ahri",3    hp = 100,4    gold: 3005}6console.log(ahri)

C:\kod\ogren\ders4.js:3    hp = 100,    ^^^^^^^^ SyntaxError: Invalid shorthand property initializer    at wrapSafe (node:internal/modules/cjs/loader:1861:18)    ... Node.js v24.20.0

1const ahri = {2    isim: "Ahri"3    hp: 100,4    gold: 3005}6console.log(ahri)

C:\kod\ogren\ders4.js:3    hp: 100,    ^^ SyntaxError: Unexpected identifier 'hp'    at wrapSafe (node:internal/modules/cjs/loader:1861:18)    ... Node.js v24.20.0

#Node objeyi nasıl gösterir?

İlk objeni yazdırınca çıktının senin yazdığına benzediğini ama birebir aynı olmadığını görmüşsündür:

const ahri = { isim: "Ahri", hp: 100, gold: 300 }

{ isim: 'Ahri', hp: 100, gold: 300 }

• Metinler tek tırnakla gösterilir: 'Ahri'. Sen çift tırnakla yazdın, Node kendi tercihini kullanıyor. İkisi de aynı metin.
• Sayılar tırnaksız gösterilir: 100. Ders 1'de 100 ile "100" ekranda aynı görünüyordu; objenin içinde fark görünür. hp: '100' görürsen can bir metin olarak yazılmış demektir.
• Anahtarlar tırnaksız gösterilir. Süslü parantezlerin içindeki ve virgüllerden sonraki boşlukları Node okunsun diye kendisi koyar.
• VS Code terminalinde renkler de yardım eder: metinler yeşil, sayılar ile true ve false sarı görünür.

Çıktıda karşına çıkabilecek öteki biçimler:

Objeyi bir açıklamayla birlikte yazdırmak istersen Ders 1'deki virgül yöntemini kullan:

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2console.log("Şampiyon:", ahri)

Şampiyon: { isim: 'Ahri', hp: 100, gold: 300 }

Burada + kullanma; ne olduğunu sık hatalarda göreceksin.

#Nokta ile okumak ve değiştirmek

Objenin içinden tek bir bilgiyi almak için objenin adını, bir nokta ve anahtarı yazarsın:

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2console.log(ahri.isim)3console.log(ahri.hp)4console.log(ahri.isim + " " + ahri.gold + " altınla dükkâna girdi")

Ahri100Ahri 300 altınla dükkâna girdi

Bu yazıma nokta gösterimi (dot notation) denir. Çıktıya da bak: ahri.isim yazdırınca tırnak çıkmadı. Node tırnakları yalnız bir objenin içini gösterirken kullanır; tek başına bir metni olduğu gibi yazar.

Kendin dene: son satırdaki ahri.gold yerine ahri.Gold yaz ve çalıştır. Hata almayacaksın ama çıktı Ahri undefined altınla dükkâna girdi olacak. undefined'ı Ders 3'ten tanıyorsun; burada neden çıktığını birkaç bölüm sonra göreceksin.

Bir alanı değiştirmek de aynı yazımla olur. = işareti Ders 1'deki anlamını korur: sağı hesapla, sola koy.

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2ahri.hp = ahri.hp - 303ahri.gold = ahri.gold + 1504console.log(ahri)

{ isim: 'Ahri', hp: 70, gold: 450 }

İkinci satırı sağdan sola oku: Ahri'nin canını al (100), 30 çıkar, sonucu Ahri'nin canına koy. Üçüncü satırda Ahri bir kule yıktı ve 150 altın kazandı.

#const obje neden değişebiliyor?

Bir dakika: ahri const ile açıldı. Ders 1'de const kutunun mühürlü olduğunu, içine konan değerin değişemeyeceğini öğrendin. Peki ahri.hp = … neden hata vermedi?

Çünkü const yalnız kutuya başka bir değer konmasını yasaklar. ahri kutusunda bir obje duruyor ve o hep aynı obje. Sen kutuya başka bir obje koymadın; kutudaki objenin içindeki bir alanı değiştirdin. Kutuya bambaşka bir obje koymaya kalkarsan Ders 1'den tanıdığın hata gelir:

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2ahri.hp = 803console.log(ahri)4ahri = { isim: "Lux", hp: 90, gold: 250 }

{ isim: 'Ahri', hp: 80, gold: 300 }C:\kod\ogren\ders4.js:4ahri = { isim: "Lux", hp: 90, gold: 250 }     ^ TypeError: Assignment to constant variable.    at Object.<anonymous> (C:\kod\ogren\ders4.js:4:6)    ... Node.js v24.20.0

Program 2. satırı çalıştırdı ve Ahri'nin canı 80 oldu; çıktının ilk satırı bunu gösteriyor. 4. satırda ise ahri kutusuna Lux'un objesi konmak istendi: yasak.

#Yeni alan eklemek, alan silmek

Program ilerledikçe şampiyonun kartına yeni bilgiler eklemek isteyeceksin: seviyesi, manası, aldığı bir güçlendirme. Bunun için objeyi baştan yazman gerekmez. Objede olmayan bir anahtara değer verirsen JavaScript o alanı ekler:

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2ahri.seviye = 13ahri.mana = 4004console.log(ahri)

{ isim: 'Ahri', hp: 100, gold: 300, seviye: 1, mana: 400 }

Ekleme ile değiştirmenin yazımı aynı: ahri.seviye = 1. Anahtar varsa değeri değişir, yoksa yeni alan eklenir. Yeni alanlar sona eklenir.

Bazen de bir bilgi artık geçerli olmaz ve objede durmamalıdır; örneğin bir güçlendirmenin süresi biter. Bir alanı tamamen kaldırmak için önüne delete (sil) yazarsın. Dene: aynı dosyanın sonuna şu iki satırı ekle, gold alanını sil ve yeniden çalıştır:

5delete ahri.gold6console.log(ahri)

{ isim: 'Ahri', hp: 100, seviye: 1, mana: 400 }

delete ahri.gold alanı anahtarıyla birlikte siler; çıktıda gold artık yok. const objeye alan eklemek ve ondan alan silmek de serbest, çünkü kutudaki obje yine aynı obje.

#Olmayan alan: undefined

Garen'in mana barı yoktur; objesinde de mana alanı olmasın. Şimdi o alanı okumaya çalış:

1const garen = { isim: "Garen", hp: 620 }2console.log(garen.mana)3console.log("Garen'in manası: " + garen.mana)

undefinedGaren'in manası: undefined

Hata yok. JavaScript olmayan bir alanı okuyunca durmaz; sana undefined verir. Anlamı "tanımsız", yani "burada değer yok". Metinle birleştirince undefined sözcüğü olduğu gibi metne eklenir.

Bu değerle Ders 3'te, argümanı verilmeyen bir parametrenin içinde tanışmıştın. Şimdi ikinci bir kaynağını görüyorsun: objede olmayan bir alan.

Burada Ders 1'den önemli bir fark var:

Bu sessizlik tehlikeli olabilir. Anahtarı yanlış yazarsan (garen.Hp) hata almazsın, undefined alırsın. Çıktında beklemediğin bir undefined görürsen ilk şüphelin yazım hatası olsun. delete ile sildiğin bir alanı okursan da undefined alırsın.

Bir alanın olup olmadığını Ders 2'deki === ile denetleyebilirsin:

1const garen = { isim: "Garen", hp: 620 }2if (garen.mana === undefined) {3    console.log(garen.isim + " mana kullanmaz")4} else {5    console.log(garen.isim + " manası: " + garen.mana)6}

Garen mana kullanmaz

#Köşeli parantezle okumak

Bir alanı okumanın ikinci yolu köşeli parantezdir: anahtarı metin olarak [ ] içine yazarsın. Türkçe Q klavyede [ için AltGr+8, ] için AltGr+9'a basarsın.

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2console.log(ahri["hp"])3console.log(ahri.hp)

100100

İkisi de aynı alanı okur. Bu yazıma köşeli parantez gösterimi (bracket notation) denir. Peki neden iki yol var? Çünkü bazen hangi alanı okuyacağını kodu yazarken bilmezsin; anahtar bir değişkenin içinde gelir.

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2let sutun = "gold"3console.log(sutun + ": " + ahri[sutun])4sutun = "hp"5console.log(sutun + ": " + ahri[sutun])

gold: 300hp: 100

ahri[sutun] iki kez aynı yazıldı ama iki farklı alan okundu. JavaScript önce sutun kutusuna bakar, içinde "gold" bulur ve ahri["gold"]'u okur. sutun'a "hp" konunca aynı yazım canı okur. Dene: sona sutun = "isim" ve aynı console.log satırını bir kez daha ekle; isim: Ahri çıkmalı.

Bu örnekte sutun'un değerini kendin yazdın. Gerçek programlarda bu değer dışarıdan gelir: oyuncunun tıkladığı sekmeden ya da bir fonksiyonun parametresinden. Kodu yazarken hangi alanın isteneceğini bilmediğin her yerde köşeli parantez kullanırsın; dersin son görevinde bunu kendin kuracaksın.

Burada Ders 1'deki tırnak kuralı aynen geçerli. Bu üç satırın farkına bak:

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2const alan = "gold"3console.log(ahri[alan])4console.log(ahri["alan"])5console.log(ahri.alan)

300undefinedundefined

Kural: nokta, yazdığın sözcüğü harfi harfine anahtar sayar. Anahtar bir değişkenin içindeyse köşeli parantez şarttır ve içine değişkenin adı tırnaksız yazılır. Köşeli parantezle değer de verebilirsin: ahri[alan] = 500 satırı gold'u 500 yapar. Köşeli parantezi Ders 5'te dizilerde de kullanacaksın.

#İç içe obje: eşya ve konum

Bir alanın değeri başka bir obje de olabilir. Ahri'nin haritadaki yeri iki sayıdan oluşur (x ve y); taşıdığı eşyanın da bir adı ve bir hasarı var. Bunlar Ahri'nin içinde kendi küçük objeleri olabilir:

1const ahri = {2    isim: "Ahri",3    hp: 100,4    konum: { x: 120, y: 340 },5    esya: { ad: "Büyü Kitabı", hasar: 20 }6}7console.log(ahri.konum)8console.log(ahri.konum.x)9console.log(ahri.esya.ad + " +" + ahri.esya.hasar + " hasar")10ahri.konum.x = 20011console.log(ahri)

{ x: 120, y: 340 }120Büyü Kitabı +20 hasar{  isim: 'Ahri',  hp: 100,  konum: { x: 200, y: 340 },  esya: { ad: 'Büyü Kitabı', hasar: 20 }}

• ahri.konum konum objesinin tamamını verir.
• ahri.konum.x önce konumu, sonra onun x'ini bulur. Noktaları soldan sağa oku: "Ahri'nin konumunun x'i".
• ahri.konum.x = 200 iç objedeki tek bir alanı değiştirir.
• Son çıktı alt alta yazıldı. Objenin tek satırlık hâli yaklaşık 70 karakteri geçecekse Node her alanı ayrı bir satıra yazar ve iç objeleri yine süslü parantezle gösterir. Girinti 2 boşluk; bu Node'un tercihi, senin kodun 4 boşlukla kalır.

İç objeyi sonradan da ekleyebilirsin; yazımı yeni alan eklemekle aynı:

1const garen = { isim: "Garen", hp: 620 }2garen.esya = { ad: "Uzun Kılıç", hasar: 10 }3console.log(garen)

{ isim: 'Garen', hp: 620, esya: { ad: 'Uzun Kılıç', hasar: 10 } }

#Olmayan objenin içine bakmak

Garen'in eşyası yoksa garen.esya undefined verir. Bir adım daha ileri gidip eşyanın adını okumaya kalkarsan program durur:

1const garen = { isim: "Garen", hp: 620 }2console.log(garen.esya)3console.log(garen.esya.ad)

undefinedC:\kod\ogren\ders4.js:3console.log(garen.esya.ad)                       ^ TypeError: Cannot read properties of undefined (reading 'ad')    at Object.<anonymous> (C:\kod\ogren\ders4.js:3:24)    ... Node.js v24.20.0

Mesajı çevir: "undefined'ın alanları okunamaz (ad okunurken)". JavaScript ad'ı okumak istedi ama bakacağı yerde bir obje değil undefined vardı. undefined'ın içi yoktur, içine bakılamaz.

Bu hatayı gördüğünde kendine şunu sor: .ad'ın solundaki şey neden undefined? ^ işareti okunamayan alanın tam altında durur. Sebep çoğu zaman şunlardan biridir:

• Ara obje hiç eklenmemiş: Garen'in eşyası yok.
• Anahtar yanlış yazılmış: ahri.konm.x (konum değil, konm).
• Obje bekleyen bir fonksiyon objesiz çağrılmış. Fonksiyona obje vermeyi bir sonraki bölümde öğreneceksin, bu hatayı da sık hatalarda göreceksin.

Çözüm, ara basamağın var olup olmadığını önce denetlemek:

1const garen = { isim: "Garen", hp: 620 }2if (garen.esya === undefined) {3    console.log(garen.isim + " eşyasız")4} else {5    console.log(garen.isim + " eşyası: " + garen.esya.ad)6}

Garen eşyasız

Bunun daha kısa bir yazımı (?.) var; onu Ders 12'de öğreneceksin.

#Objeyi fonksiyona vermek

Ders 3'te fonksiyonlara sayı ve metin verdin. Obje de bir değer; onu da argüman olarak verebilirsin. Baştaki kart yazdırma problemine dön:

1function kartYazdir(sampiyon) {2    console.log(sampiyon.isim + " | can: " + sampiyon.hp + " | altın: " + sampiyon.gold)3}4 5const ahri = { isim: "Ahri", hp: 100, gold: 300 }6const lux = { isim: "Lux", hp: 90, gold: 250 }7kartYazdir(ahri)8kartYazdir(lux)

Ahri | can: 100 | altın: 300Lux | can: 90 | altın: 250

Üç parametre yerine tek parametre: bütün şampiyon. Argümanların sırası karışamaz, çünkü tek bir şey veriyorsun. Şampiyonlara yeni bir alan eklesen bile fonksiyonu çağıran satırlar değişmez.

Fonksiyonun içinde her alanın önüne sampiyon. yazmak satırları uzatıyor. Bu tekrarı kısaltmanın yolunu Ders 12'de göreceksin; şimdilik her alanı bu tam yazımla oku.

#Fonksiyon objeyi değiştirebilir

Fonksiyon, aldığı objenin alanlarını değiştirebilir de:

1function hasarAl(sampiyon, hasar) {2    sampiyon.hp = sampiyon.hp - hasar3    console.log(sampiyon.isim + " " + hasar + " hasar aldı, canı " + sampiyon.hp)4}5 6const ahri = { isim: "Ahri", hp: 100, gold: 300 }7hasarAl(ahri, 30)8hasarAl(ahri, 25)9console.log(ahri)

Ahri 30 hasar aldı, canı 70Ahri 25 hasar aldı, canı 45{ isim: 'Ahri', hp: 45, gold: 300 }

Son satıra bak: fonksiyonun içinde yapılan değişiklik dışarıdaki ahri'de de görünüyor. Fonksiyona objenin kopyası değil, kendisi gitti. Çağrı boyunca sampiyon parametresi, ahri objesinin ikinci bir adı gibi davrandı.

Fonksiyondan bir sonucu geri almanın asıl yolunu (return) Ders 6'da öğreneceksin. O zamana kadar bir fonksiyonun objenin alanlarını güncellemesi işini görecek.

#Sık hatalar

Yazım hatalarını obje yazmayı öğrendiğin bölümde, iç içe objedeki TypeError'ı kendi bölümünde gördün. Kalanlar burada. Bir hata aldığında bütün derslerin hatalarının toplandığı hata rehberine de bakabilirsin.

1function kartYazdir(sampiyon) {2    console.log(sampiyon.isim + " | can: " + sampiyon.hp + " | altın: " + sampiyon.gold)3}4 5const ahri = { isim: "Ahri", hp: 100, gold: 300 }6kartYazdir(ahri)7kartYazdir()

Ahri | can: 100 | altın: 300C:\kod\ogren\ders4.js:2    console.log(sampiyon.isim + " | can: " + sampiyon.hp + " | altın: " + sampiyon.gold)                         ^ TypeError: Cannot read properties of undefined (reading 'isim')    at kartYazdir (C:\kod\ogren\ders4.js:2:26)    ... Node.js v24.20.0

1const garen = { isim: "Garen", hp: 620 }2garen.esya.ad = "Uzun Kılıç"

C:\kod\ogren\ders4.js:2garen.esya.ad = "Uzun Kılıç"              ^ TypeError: Cannot set properties of undefined (setting 'ad')    at Object.<anonymous> (C:\kod\ogren\ders4.js:2:15)    ... Node.js v24.20.0

1const garen = { isim: "Garen", hp: 620 }2garen.esya = { ad: "Uzun Kılıç" }3garen.esya.hasar = 104console.log(garen)

{ isim: 'Garen', hp: 620, esya: { ad: 'Uzun Kılıç', hasar: 10 } }

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2console.log("Şampiyon: " + ahri)

Şampiyon: [object Object]

1const ahri = { isim: "Ahri", hp: 100, gold: 300 }2console.log("Şampiyon:", ahri)3console.log("Şampiyon: " + ahri.isim)

Şampiyon: { isim: 'Ahri', hp: 100, gold: 300 }Şampiyon: Ahri

1function degerGoster(sampiyon, alan) {2    console.log(alan + ": " + sampiyon.alan)3}4 5const ahri = { isim: "Ahri", hp: 100, gold: 300 }6degerGoster(ahri, "gold")

gold: undefined

1const ahri = {2    isim: "Ahri",3    hp: 1004console.log(ahri)

C:\kod\ogren\ders4.js:4console.log(ahri)^^^^^^^ SyntaxError: Unexpected identifier 'console'    at wrapSafe (node:internal/modules/cjs/loader:1861:18)    ... Node.js v24.20.0

#Görevler

Her görevi ders4.js dosyasında yap; önceki kodu sil ya da satırların başına // koy. Önce kendin dene, takılırsan ipuçlarını sırayla aç. Çözüme en son bak.

{ isim: 'Jinx', rol: 'nişancı', mana: 250, seviye: 1 }Jinx bir nişancı, seviye 1

1const jinx = { isim: "Jinx", rol: "nişancı", mana: 250, seviye: 1 }2console.log(jinx)3console.log(jinx.isim + " bir " + jinx.rol + ", seviye " + jinx.seviye)

{ isim: 'Jinx', rol: 'nişancı', mana: 250, seviye: 1 }Jinx bir nişancı, seviye 1

const jinx = { isim: "Jinx", seviye: 5, mana: 250, baronGucu: true }

{ isim: 'Jinx', seviye: 5, mana: 250, baronGucu: true }{ isim: 'Jinx', seviye: 6, mana: 280, ulti: true }undefined

1const jinx = { isim: "Jinx", seviye: 5, mana: 250, baronGucu: true }2console.log(jinx)3jinx.seviye = jinx.seviye + 14jinx.mana = jinx.mana + 305jinx.ulti = true6delete jinx.baronGucu7console.log(jinx)8console.log(jinx.baronGucu)

{ isim: 'Jinx', seviye: 5, mana: 250, baronGucu: true }{ isim: 'Jinx', seviye: 6, mana: 280, ulti: true }undefined

1const teemo = {2    isim: "Teemo"3    hp: 80,4    mantar = 35}6const alan = "mantar"7console.log(teemo.isim + " mantar sayısı: " + teemo.alan)

C:\kod\ogren\ders4.js:3    hp: 80,    ^^ SyntaxError: Unexpected identifier 'hp'    at wrapSafe (node:internal/modules/cjs/loader:1861:18)    ... Node.js v24.20.0

1const teemo = {2    isim: "Teemo",3    hp: 80,4    mantar: 35}6const alan = "mantar"7console.log(teemo.isim + " mantar sayısı: " + teemo[alan])

Teemo mantar sayısı: 3

const jinx = { ad: "Jinx", yildiz: 2 }birimYazdir(jinx)jinx.esya = { ad: "Kılıç", saldiri: 15 }birimYazdir(jinx)

Jinx (2 yıldız) - eşya yokJinx (2 yıldız) - eşya: Kılıç (+15 saldırı)

1function birimYazdir(birim) {2    const baslik = birim.ad + " (" + birim.yildiz + " yıldız)"3    if (birim.esya === undefined) {4        console.log(baslik + " - eşya yok")5    } else {6        const bilgi = birim.esya.ad + " (+" + birim.esya.saldiri + " saldırı)"7        console.log(baslik + " - eşya: " + bilgi)8    }9}10 11const jinx = { ad: "Jinx", yildiz: 2 }12birimYazdir(jinx)13jinx.esya = { ad: "Kılıç", saldiri: 15 }14birimYazdir(jinx)

Jinx (2 yıldız) - eşya yokJinx (2 yıldız) - eşya: Kılıç (+15 saldırı)

const dukkan = { kalkan: 450, pelerin: 300, iksir: 50, totem: 0 }const yasuo = { isim: "Yasuo", gold: 800 }satinAl(yasuo, dukkan, "kalkan")satinAl(yasuo, dukkan, "pelerin")satinAl(yasuo, dukkan, "iksir")satinAl(yasuo, dukkan, "iksir")satinAl(yasuo, dukkan, "totem")satinAl(yasuo, dukkan, "yay")console.log(yasuo)

Yasuo kalkan aldı, kalan altın: 350Yasuo pelerin aldı, kalan altın: 50Yasuo iksir aldı, kalan altın: 0Yasuo için altın yetmiyor: iksirYasuo totem aldı, kalan altın: 0Dükkânda böyle bir eşya yok: yay{ isim: 'Yasuo', gold: 0 }

1function satinAl(sampiyon, fiyatlar, esyaAdi) {2    const fiyat = fiyatlar[esyaAdi]3    if (fiyat === undefined) {4        console.log("Dükkânda böyle bir eşya yok: " + esyaAdi)5    } else if (sampiyon.gold < fiyat) {6        console.log(sampiyon.isim + " için altın yetmiyor: " + esyaAdi)7    } else {8        sampiyon.gold = sampiyon.gold - fiyat9        console.log(sampiyon.isim + " " + esyaAdi + " aldı, kalan altın: " + sampiyon.gold)10    }11}12 13const dukkan = { kalkan: 450, pelerin: 300, iksir: 50, totem: 0 }14const yasuo = { isim: "Yasuo", gold: 800 }15satinAl(yasuo, dukkan, "kalkan")16satinAl(yasuo, dukkan, "pelerin")17satinAl(yasuo, dukkan, "iksir")18satinAl(yasuo, dukkan, "iksir")19satinAl(yasuo, dukkan, "totem")20satinAl(yasuo, dukkan, "yay")21console.log(yasuo)

Yasuo kalkan aldı, kalan altın: 350Yasuo pelerin aldı, kalan altın: 50Yasuo iksir aldı, kalan altın: 0Yasuo için altın yetmiyor: iksirYasuo totem aldı, kalan altın: 0Dükkânda böyle bir eşya yok: yay{ isim: 'Yasuo', gold: 0 }

#Kendini sına

const katarina = { isim: "Katarina", hp: 600 }katarina.hp = katarina.hp - 100katarina.Hp = 50console.log(katarina.hp)console.log(katarina)

const anahtar = "hp"const zed = { isim: "Zed", hp: 580, anahtar: "gizli" }console.log(zed[anahtar])console.log(zed["anahtar"])console.log(zed.anahtar)

1const annie = { isim: "Annie", hp: 80 }2annie.hp = 503annie.ayi = "Tibbers"4delete annie.ayi5annie = { isim: "Annie", hp: 80 }

{ isim: 'Lux', hp: '90', seviye: 3 }

function iyilestir(sampiyon) {    sampiyon.hp = sampiyon.hp + 20} const sona = { isim: "Sona", hp: 40 }iyilestir(sona)iyilestir(sona)console.log(sona.hp)

1const ahri = { isim: "Ahri", konum: { x: 120, y: 340 } }2console.log(ahri.konm.x)

C:\kod\ogren\ders4.js:2console.log(ahri.konm.x)                      ^ TypeError: Cannot read properties of undefined (reading 'x')    at Object.<anonymous> (C:\kod\ogren\ders4.js:2:23)    ... Node.js v24.20.0

const lux = { isim: "Lux", hp: 90 }console.log("Seçilen: " + lux)

#Kayıt noktası

Ders 1'de C:\kod\ogren klasöründe git init yaptın; aynı klasörde bir daha gerekmez. Bu dersin dosyasını kaydetmek için iki komut yeter. VS Code terminalinde, C:\kod\ogren klasöründeyken:

Bir sonraki derste bütün takımı tek bir listede tutmayı (dizi) ve her şampiyon için aynı işi tekrar tekrar yaptırmayı (döngü) öğreneceksin.