crazy_coder
Moderatör
- Katılım
- 20 Şub 2026
- Mesajlar
- 204
- Tepkime puanı
- 0
- Puanları
- 16
Diziler (Arrays) verileri sıralı bir liste şeklinde tutarken, Nesneler (Objects) verileri Anahtar-Değer (Key-Value) çiftleri olarak depolar. Örneğin bir kullanıcıyı sadece bir isimle değil; yaşı, e-postası ve yetkileriyle birlikte bir bütün olarak tanımlamamızı sağlar.
JavaScript’te en yaygın nesne oluşturma yöntemi süslü parantez {} kullanmaktır.
JSON, sistemler arası veri transferi yapmak için kullanılan, dilden bağımsız, metin tabanlı bir veri formatıdır. Bugün bir web sitesi bir API'den veri çektiğinde, o veri büyük olasılıkla JSON formatındadır.
JSON ile JavaScript Nesnesi Arasındaki Kritik Farklar:
Kod yazarken bazen elimizdeki bir nesneyi sunucuya göndermek için metne çevirmemiz, bazen de sunucudan gelen metni kullanabilmek için nesneye çevirmemiz gerekir.
A. Nesneyi JSON'a Çevirmek (Gönderme)
Sunucuya veri gönderirken JSON.stringify() kullanılır.
B. JSON'u Nesneye Çevirmek (Alma)
Sunucudan gelen metni işlemek için JSON.parse() kullanılır.
Modern JavaScript'te nesne içindeki verilere erişmenin en şık yolu Destructuring yöntemidir. Bu yöntem, kod kalabalığını önler.
Sonuç
Nesne yapısını ve JSON formatını anlamak, API'lerle çalışmanın ve modern web geliştirmenin %50'sini çözmek demektir. Verileri organize etmeyi ve bu verileri sistemler arasında güvenle taşımayı öğrendiniz.
1. JavaScript Nesne Yapısı (Object Literal)
JavaScript’te en yaygın nesne oluşturma yöntemi süslü parantez {} kullanmaktır.
JavaScript:
const kullanıcı = {
ad: "Ahmet",
soyad: "Yılmaz",
yas: 30,
aktifMi: true,
hobiler: ["Kodlama", "Satranç"],
// Nesne içinde fonksiyon (Metot)
selamla: function() {
return Merhaba, ben ${this.ad}!;
}
};
// Verilere erişim
console.log(kullanıcı.ad); // Nokta notasyonu (Dot notation)
console.log(kullanıcı["soyad"]); // Köşeli parantez notasyonu
console.log(kullanıcı.selamla()); // Metot çağırma2. JSON Nedir? (JavaScript Object Notation)
JSON, sistemler arası veri transferi yapmak için kullanılan, dilden bağımsız, metin tabanlı bir veri formatıdır. Bugün bir web sitesi bir API'den veri çektiğinde, o veri büyük olasılıkla JSON formatındadır.
JSON ile JavaScript Nesnesi Arasındaki Kritik Farklar:
[]JSON'da tüm anahtarlar (keys) çift tırnak " " içinde olmalıdır.
[]JSON içinde fonksiyon (metot) tanımlanamaz.- JSON sadece bir metin (string) formatıdır, JavaScript nesnesi ise bellekte yaşayan canlı bir yapıdır.
3. Veri Dönüştürme: JSON.parse() ve JSON.stringify()
Kod yazarken bazen elimizdeki bir nesneyi sunucuya göndermek için metne çevirmemiz, bazen de sunucudan gelen metni kullanabilmek için nesneye çevirmemiz gerekir.
A. Nesneyi JSON'a Çevirmek (Gönderme)
Sunucuya veri gönderirken JSON.stringify() kullanılır.
JavaScript:
const ayarlar = { tema: "karanlık", dil: "TR" };
const jsonVeri = JSON.stringify(ayarlar);
console.log(jsonVeri); // '{"tema":"karanlık","dil":"TR"}' (Artık bir string)B. JSON'u Nesneye Çevirmek (Alma)
Sunucudan gelen metni işlemek için JSON.parse() kullanılır.
JavaScript:
const gelenVeri = '{"id": 101, "durum": "tamamlandı"}';
const nesne = JSON.parse(gelenVeri);
console.log(nesne.id); // 1014. Nesne Dağıtma (Object Destructuring)
Modern JavaScript'te nesne içindeki verilere erişmenin en şık yolu Destructuring yöntemidir. Bu yöntem, kod kalabalığını önler.
JavaScript:
const urun = {
id: 5,
baslik: "Kablosuz Kulaklık",
fiyat: 1200
};
// Eski yöntem:
// const baslik = urun.baslik;
// const fiyat = urun.fiyat;
// Modern (Destructuring) yöntem:
const { baslik, fiyat } = urun;
console.log(${baslik} ürünü ${fiyat} TL değerindedir.);JSON Neden Vazgeçilmez?
[]Hafiftir: XML gibi eski formatlara göre çok daha az yer kaplar.
[]Okunabilirdir: Hem insanlar hem de makineler tarafından kolayca anlaşılır.- Evrenseldir: Python, PHP, Java veya JavaScript fark etmeksizin tüm diller JSON'u destekler.
Sonuç
Nesne yapısını ve JSON formatını anlamak, API'lerle çalışmanın ve modern web geliştirmenin %50'sini çözmek demektir. Verileri organize etmeyi ve bu verileri sistemler arasında güvenle taşımayı öğrendiniz.