Nesne özelliklerine erişim, temel bir JavaScript becerisidir. Bu makale, en yaygın yöntemleri inceleyerek, güçlü ve zayıf yönlerini vurgulamakta ve durumunuz için en iyi yaklaşımı seçmenize yardımcı olmaktadır.
İçerik Tablosu
- Nokta Gösterimiyle Nesne Özelliklerine Erişmek
- Köşeli Parantez Gösterimiyle Nesne Özelliklerine Erişmek
- Sağlam Hata İşleme
- Doğru Yöntemi Seçmek
Nokta Gösterimiyle Nesne Özelliklerine Erişmek
Önceden özellik adını biliyorsanız, nokta gösterimi nesne özelliklerine erişmek için temiz ve okunabilir bir yol sağlar. Statik anahtarlar için özlü ve verimlidir.
const myObject = {
name: "John Doe",
age: 30,
city: "New York"
};
const name = myObject.name; // name "John Doe" olacak
const age = myObject.age; // age 30 olacak
console.log(name, age); // Çıktı: John Doe 30
Köşeli Parantez Gösterimiyle Nesne Özelliklerine Erişmek
Köşeli parantez gösterimi, değişkenleri veya ifadeleri anahtar olarak kullanmanıza olanak tanıyarak daha fazla esneklik sunar. Dinamik anahtarlarla, boşluk veya özel karakter içeren anahtarlarla veya nesne özellikleri arasında yineleme yaparken çok değerlidir.
const myObject = {
name: "John Doe",
age: 30,
city: "New York"
};
let key = "age";
const age = myObject[key]; // age 30 olacak
key = "city";
const city = myObject[key]; // city "New York" olacak
let dynamicKey = "na" + "me";
const dynamicName = myObject[dynamicKey]; // dynamicName "John Doe" olacak
console.log(age, city, dynamicName); // Çıktı: 30 New York John Doe
// Nesne özellikleri arasında yineleme
for (let key in myObject) {
console.log(key + ": " + myObject[key]);
}
Sağlam Hata İşleme
Her iki yöntem kullanılarak var olmayan bir özelliğe erişmeye çalışmak undefined döndürür. Beklenmedik davranışları önlemek için her zaman hata işleme ekleyin:
const myObject = { name: "John Doe" };
const key = "age";
const age = myObject[key];
if (age === undefined) {
console.log("'age' özelliği mevcut değil.");
} else {
console.log("Yaş:", age);
}
Doğru Yöntemi Seçmek
Bilinen, statik özellik adlarıyla ilgilenirken okunabilirlik için nokta gösterimi tercih edilir. Köşeli parantez gösterimi, dinamik anahtar erişimi ve daha karmaşık senaryoların işlenmesi için gereken esnekliği sağlar.