Bu öğretici, basit bir JavaScript nesnesi aracılığıyla döngü/yineleme yollarını gösterecektir.
Düz/Basit Bir JavaScript Nesnesinde Nasıl Döngü Yapılır?
Basit bir JavaScript nesnesinde döngü/yineleme yapmak için aşağıdaki yöntemleri kullanın:
Yöntem 1: For-in Döngüsü Kullanarak Düz/Basit Bir JavaScript Nesnesinde Döngü Yapın
Bir nesnede döngü yapmak için 'içinde' döngüsünü kullanın. Bir nesnenin, bir nesneyle ilişkilendirilmiş tüm numaralandırılabilir dize özniteliklerini yineler.
Sözdizimi
Bir nesne içinde döngü oluşturmak üzere for-in döngüsünü kullanmak için sağlanan sözdizimini kullanın:
için ( değişken içinde nesne )
Misal
Anahtar/değer çiftlerinde özelliklere sahip bir nesne oluşturun:
öyleydi nesne = {
'JavaScript' : bir ,
'Java' : 5 ,
'Piton' : yirmi ,
'HTML' : 2 ,
'CSS' : onbir
}
Bir nesnenin tuşlarına göre nesne üzerinde döngü yapın:
için ( sabit anahtar içinde nesne ) {konsol. kayıt ( $ { anahtar } : $ { nesne [ anahtar ] } ` ) ;
}
Çıktı, nesnenin tüm özelliklerini bir anahtar/değer çiftinde görüntüler:
Yöntem 2: Object.keys() Yöntemini Kullanarak Düz/Basit Bir JavaScript Nesnesinde Döngü Yapın
Bir nesnedeki her özelliğin karşılık gelen bir değeri vardır, yani her özellik anahtar/değer çiftlerini içerir. Nesnenin statik yöntemlerini kullanarak anahtarları, değerleri veya hem anahtarları hem de değerleri bir dizideki girişler olarak çıkarabilirsiniz. Bir nesnenin anahtarlarını almak istiyorsanız, ' Nesne.keys() ' yöntem.
Sözdizimi
Bir nesnenin özelliklerini/anahtarlarını almak için bir nesnede döngü oluşturmak için verilen sözdizimini izleyin:
Misal
Object.keys() yöntemini çağırın ve nesnenin elde edilen anahtar dizisini “ değişkeninde saklayın. nesne anahtarları ”:
Çıktıda görebileceğiniz gibi, bir nesnenin tüm anahtarları başarıyla alındı:
Yöntem 3: Object.values() Yöntemini Kullanarak Düz/Basit Bir JavaScript Nesnesinde Döngü Yapın
Bir nesnenin değerlerini özelliklerine karşı elde etmek için “ Nesne.değerler() ' yöntem. Bir nesnenin özellikleri/anahtarları için bir dizi değer verir.
Sözdizimi
Verilen sözdizimi, bir nesnenin içinden geçerek nesnenin değerlerini elde etmek için kullanılır:
Misal
Özelliklerine karşı bir nesnenin değerlerini almak için Object.values() yöntemini çağırın:
Çıktı, nesnenin özelliklerine karşı bir dizi değer görüntüler:
Yöntem 4: Object.entries() Yöntemini Kullanarak Düz/Basit Bir JavaScript Nesnesinde Döngü Yapın
Ayrıca, “ kullanarak düz/basit bir JavaScript nesnesini yineleyebilirsiniz. Nesne.girişler() ' yöntem. Verilen nesnenin anahtar-değer çiftlerini içeren bir dizi alt dizi oluşturur.
Sözdizimi
Aşağıdaki sözdizimi, bir nesneyi döngüye alarak bir nesnenin girişlerini almak için kullanılır:
Misal
Bir nesnenin tüm girişlerini almak için nesnede Object.entries() yöntemini çağırın:
Çıktı
Üye olarak nesneler içeren düz JavaScript nesneleri arasında döngü ile ilgili tüm gerekli bilgileri topladık.
Çözüm
Düz/basit bir JavaScript nesnesinde döngü yapmak için ' for-in ' döngü, ' Nesne.keys() ' yöntem, ' Nesne.değerler() ” yöntemi veya “ Nesne.girişler() ' yöntem. For-in döngüsü ve Object.entries() yöntemi, bir nesnedeki tüm anahtar-değer çiftlerini almak için kullanılırken, Object.keys() anahtarları almak için ve Object.values() değerleri için kullanılır. bir obje. Bu öğretici, basit bir JavaScript nesnesinde döngü oluşturmanın farklı yollarını gösterdi.