JAVASCRİPT

JavaScript Nesneleri Nasıl Görüntülenir?

JavaScript’te nesneler, anahtar-değer çiftlerinden oluşan veri yapılarıdır. Bu nesnelerin içeriğini görüntülemek ve işlemek için çeşitli yöntemler bulunmaktadır. Bu makalede, nesne özelliklerini görüntüleme, Object.values(), Object.entries() ve JSON.stringify() kullanımını örneklerle açıklayacağız.


1. Nesne Özelliklerini Görüntüleme

Nesne özelliklerine erişmek ve görüntülemek için nokta notasyonu veya köşeli parantez notasyonu kullanılır.

Örnek:

let person = {
    name: "Ali",
    age: 25,
    job: "Developer"
};

console.log(person.name); // Çıktı: Ali
console.log(person["age"]); // Çıktı: 25

2. Object.values() Kullanımı

Object.values() metodu, bir nesnenin değerlerini bir dizi olarak döndürür. Bu, nesnenin değerlerini kolayca görüntülemek ve işlemek için kullanışlıdır.

Örnek:

let person = {
    name: "Ali",
    age: 25,
    job: "Developer"
};

let values = Object.values(person);
console.log(values); // Çıktı: ["Ali", 25, "Developer"]

Kullanım Senaryosu:

  • Nesne değerlerini bir döngüde kullanmak.
  • Nesne değerlerini bir dizide toplamak.

3. Object.entries() Kullanımı

Object.entries() metodu, bir nesnenin anahtar-değer çiftlerini bir dizi olarak döndürür. Her bir çift, [anahtar, değer] şeklinde bir dizi içerir.

Örnek:

let person = {
    name: "Ali",
    age: 25,
    job: "Developer"
};

let entries = Object.entries(person);
console.log(entries);
// Çıktı: [["name", "Ali"], ["age", 25], ["job", "Developer"]]

Kullanım Senaryosu:

  • Nesne özelliklerini döngü ile gezmek.
  • Nesne özelliklerini bir harita (map) yapısına dönüştürmek.

Döngü Örneği:

for (let [key, value] of Object.entries(person)) {
    console.log(`${key}: ${value}`);
}
// Çıktı:
// name: Ali
// age: 25
// job: Developer

4. JSON.stringify() Kullanımı

JSON.stringify() metodu, bir nesneyi JSON formatında bir metin dizisine (string) dönüştürür. Bu, nesneyi görüntülemek veya bir sunucuya göndermek için kullanışlıdır.

Örnek:

let person = {
    name: "Ali",
    age: 25,
    job: "Developer"
};

let jsonString = JSON.stringify(person);
console.log(jsonString); // Çıktı: {"name":"Ali","age":25,"job":"Developer"}

Özelleştirilmiş Görüntüleme:
JSON.stringify() metodu, ikinci ve üçüncü parametrelerle özelleştirilebilir. İkinci parametre, dönüştürme sırasında hangi özelliklerin dahil edileceğini belirler. Üçüncü parametre ise çıktının biçimlendirilmesini sağlar.

Örnek:

let jsonString = JSON.stringify(person, null, 2);
console.log(jsonString);
// Çıktı:
// {
//   "name": "Ali",
//   "age": 25,
//   "job": "Developer"
// }

Kullanım Senaryosu:

  • Nesneyi konsolda daha okunabilir şekilde görüntülemek.
  • Nesneyi bir API’ye göndermek veya dosyaya kaydetmek.

5. Nesne Görüntüleme Yöntemlerinin Karşılaştırılması

YöntemAçıklamaÖrnek Çıktı
Nokta NotasyonuBelirli bir özelliğe erişim sağlar.person.name"Ali"
Object.values()Nesnenin değerlerini bir dizi olarak döndürür.["Ali", 25, "Developer"]
Object.entries()Nesnenin anahtar-değer çiftlerini bir dizi olarak döndürür.[["name", "Ali"], ["age", 25], ["job", "Developer"]]
JSON.stringify()Nesneyi JSON formatında bir metin dizisine dönüştürür.{"name":"Ali","age":25,"job":"Developer"}

6. Örnek Uygulama: Nesne Görüntüleme

Aşağıdaki örnek, bir nesnenin özelliklerini farklı yöntemlerle görüntüler:

let car = {
    brand: "Toyota",
    model: "Corolla",
    year: 2020,
    features: ["ABS", "Airbag", "Climate Control"]
};

// 1. Nokta Notasyonu
console.log(car.brand); // Çıktı: Toyota

// 2. Object.values()
let values = Object.values(car);
console.log(values); // Çıktı: ["Toyota", "Corolla", 2020, ["ABS", "Airbag", "Climate Control"]]

// 3. Object.entries()
let entries = Object.entries(car);
console.log(entries);
// Çıktı: [["brand", "Toyota"], ["model", "Corolla"], ["year", 2020], ["features", ["ABS", "Airbag", "Climate Control"]]]

// 4. JSON.stringify()
let jsonString = JSON.stringify(car, null, 2);
console.log(jsonString);
// Çıktı:
// {
//   "brand": "Toyota",
//   "model": "Corolla",
//   "year": 2020,
//   "features": [
//     "ABS",
//     "Airbag",
//     "Climate Control"
//   ]
// }

Sonuç

JavaScript’te nesnelerin içeriğini görüntülemek ve işlemek için birçok yöntem bulunmaktadır. Bu makalede, nesne özelliklerine erişim, Object.values(), Object.entries() ve JSON.stringify() gibi yöntemleri örneklerle açıkladık. Bu yöntemleri kullanarak, nesnelerin içeriğini daha etkili bir şekilde görüntüleyebilir ve işleyebilirsiniz. Bu araçlar, modern JavaScript geliştirmede vazgeçilmez bir yapı taşıdır.

Bunu Paylaş
Pin Share

KoMedya

2000 yıllarda başlayan web tasarım heyecanı her geçen gün artarak devam ediyor. Bu kadar yıllık tecrübemi artık insanlara aktarma zamanı geldi de geçiyor. Birlikte güzel tasarımlar da buluşmak dileklerimle...

Bir yanıt yazın

Bizi Sosyal Medyadan Takip edebilirsiniz.