Mustafa HAMIT

JavaScript’te object yapıları veri saklamak ve yönetmek için kullanılan en önemli yapılardan biridir.

Object yapıları sayesinde birden fazla veri tek bir değişken içerisinde tutulabilir.

Bu yazıda JavaScript object oluşturma, veri okuma, güncelleme ve silme işlemlerini örneklerle inceleyeceğiz.

---

JavaScript Object Nedir?

Object, anahtar-değer (key-value) mantığıyla çalışan veri yapılarıdır.

Örnek:

const user = {
  name: "Mustafa",
  age: 28,
  city: "Istanbul"
};

Burada:

• name, age ve city alanları key
• Karşılarındaki değerler ise value’dur

---

Object İçindeki Verilere Erişim

Dot Notation

console.log(user.name);

---

Bracket Notation

console.log(user["city"]);

Dinamik alan erişimlerinde bracket notation sık kullanılmaktadır.

---

Object Verisi Güncelleme

Object içerisindeki alanlar kolayca güncellenebilir.

user.age = 30;

console.log(user);

---

Yeni Alan Ekleme

user.country = "Türkiye";

console.log(user);

---

Object İçinden Veri Silme

delete anahtar kelimesi ile alan silinebilir.

delete user.city;

console.log(user);

---

Object İçinde Döngü Kullanımı

Object alanları üzerinde dönmek için for...in kullanılabilir.

for (let key in user) {
  console.log(key, user[key]);
}

---

Nested Object Kullanımı

Object içerisinde başka object yapıları bulunabilir.

const person = {
  name: "Mustafa",
  address: {
    city: "Istanbul",
    country: "Türkiye"
  }
};

console.log(person.address.city);

---

Object Destructuring

Modern JavaScript’te object verileri parçalamak için destructuring kullanılmaktadır.

const user = {
  name: "Mustafa",
  age: 28
};

const { name, age } = user;

console.log(name);
console.log(age);

---

Spread Operator ile Object Kopyalama

const user = {
  name: "Mustafa",
  age: 28
};

const newUser = {
  ...user,
  city: "Istanbul"
};

console.log(newUser);

---

Tüm İşlemleri İçeren Örnek

const user = {
  name: "Mustafa",
  age: 28
};

// veri okuma
console.log(user.name);

// veri güncelleme
user.age = 30;

// yeni alan ekleme
user.city = "Istanbul";

// veri silme
delete user.name;

// döngü kullanımı
for (let key in user) {
  console.log(key, user[key]);
}

// destructuring
const { age, city } = user;

console.log(age);
console.log(city);

---

JavaScript Object Kullanım Alanları

• API verileri
• Kullanıcı bilgileri
• Konfigürasyon yapıları
• Frontend state yönetimi
• JSON işlemleri

---

Sonuç

JavaScript object yapıları modern web geliştirme süreçlerinin temel taşlarından biridir.

Object işlemlerini öğrenmek API kullanımı, frontend geliştirme ve veri yönetimi açısından oldukça önemlidir.

---

Sık Sorulan Sorular (SSS)

JavaScript object nedir?

Birden fazla veriyi key-value mantığıyla saklayan veri yapısıdır.

Object ile array arasındaki fark nedir?

Object key-value yapısındadır, array ise sıralı veri listesi tutar.

Object içerisindeki veri nasıl silinir?

delete anahtar kelimesi kullanılır.