JavaScript Nesne Özellikleri Üzerinden Yineleme

JavaScript Nesne Yinelemesini Keşfetmek

JavaScript nesneleri, verilerin anahtar/değer çiftleri halinde depolanması ve yönetilmesinde temeldir. Bu nesnelerle çalışırken, anahtarlara ve değerlere erişmek için genellikle bunların özellikleri arasında geçiş yapma ihtiyacı ortaya çıkar.

Bu eğitim, bir JavaScript nesnesindeki özellikleri numaralandırmanın çeşitli yöntemleri konusunda size rehberlik edecektir. İster JavaScript'te yeni olun ister becerilerinizi geliştirmek istiyor olun, bu teknikleri anlamak etkili kodlama için çok önemlidir.

JavaScript Nesne Yineleme Tekniklerini Anlamak

Sağlanan komut dosyaları, bir JavaScript nesnesinin özelliklerini yinelemek için farklı yöntemler sunar. İlk komut dosyası bir kullanır for...in Bir nesnenin numaralandırılabilir tüm özellikleri üzerinde yinelenen döngü. Bu döngü içerisinde, hasOwnProperty() yöntem, nesnenin belirtilen özelliğe kendi özelliği olarak sahip olup olmadığını kontrol ederek devralınan özelliklerin dahil edilmemesini sağlar. Bu yöntem, bir nesnenin her özelliği üzerinde değerleri günlüğe kaydetme veya değiştirme gibi işlemler gerçekleştirmeniz gerektiğinde kullanışlıdır.

İkinci komut dosyası şunları kullanır: Object.keys() nesnenin kendi numaralandırılabilir özellik adlarının bir dizisini döndüren yöntem. forEach() yöntem daha sonra bu dizi üzerinde yineleme yapmak için kullanılır ve bu, diziye kıyasla daha basit ve daha okunabilir bir yaklaşım sağlar. for...in döngü. Üçüncü komut dosyası kullanır Object.entries(), nesnenin kendi numaralandırılabilir dize anahtarlı özellik [anahtar, değer] çiftlerinin bir dizisini döndürür. A for...of döngü bu çiftler üzerinde yineleme yapmak için kullanılır ve hem anahtarlara hem de değerlere aynı anda erişmenin kısa bir yolunu sunar.

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const key in p) {
  if (p.hasOwnProperty(key)) {
    console.log(key + ": " + p[key]);
  }
}

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
Object.keys(p).forEach(key => {
  console.log(key + ": " + p[key]);
});

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const [key, value] of Object.entries(p)) {
  console.log(key + ": " + value);
}

JavaScript Nesneleri Üzerinde Yineleme Yapmak İçin Gelişmiş Teknikler

Daha önce ele alınan yöntemlere ek olarak, JavaScript nesneleri üzerinde yineleme yapmak için başka bir yararlı teknik, Object.values() yöntem. Bu yöntem, nesnenin kendi numaralandırılabilir özellik değerlerinin bir dizisini döndürür. Anahtarlara değil yalnızca değerlere ihtiyacınız olduğunda özellikle kullanışlıdır. Daha sonra kullanabilirsiniz forEach() veya bu değerleri işlemek için diğer dizi yöntemleri. Bu yöntem, anahtarların eldeki görevle ilgisiz olduğu senaryoları basitleştirir.

Başka bir gelişmiş yöntem ise kullanmaktır. Reflect.ownKeys()numaralandırılamayan ve sembol özellikleri de dahil olmak üzere tüm özelliklerin bir dizisini döndürür. Bu yöntem diğerlerinden daha kapsamlıdır. Object.keys() Ve Object.getOwnPropertyNames(). İle birleştirildiğinde for...ofgeliştiricilerin bir nesnenin tüm özelliklerini birleşik bir şekilde yinelemelerine olanak tanır. Bu gelişmiş yöntemleri anlamak, karmaşık nesnelerle başa çıkmak için araç setinizi genişletir ve çok çeşitli yineleme senaryolarını etkili bir şekilde ele alabilmenizi sağlar.