- JavaScript'te Nesneler için Harita İşlevi Nasıl Oluşturulur
- Bir Harita İşlevi Oluşturun ve Nitelikleri Görüntüleyin
- JavaScript'te map.set() aracılığıyla bir Harita İşlevi Oluşturma ve Değer Atama
- JavaScript'te Object.entries() Yöntemi
JavaScript'te Nesneler için Harita İşlevi Nasıl Oluşturulur?
JavaScript, bir anahtar/değer çiftiyle çalışan nesneler için bir map() yöntemi sağlar. Anahtar değerleri kullanarak nesneler üzerinde çeşitli işlemler gerçekleştirmek için değerlidir. Bir nesnenin öğeleri üzerinde yineleme yaparak array.map() yöntemine benzer şekilde çalışır. Nesneler için map fonksiyonu dikkate alınarak sözdizimi aşağıdaki gibi yazılır.
Sözdizimi
harita ( işlev ( eleman, dizin )
Bu sözdiziminde, işlev üzerinde yinelenir eleman içinden dizin değer.
Not : harita() yöntem yeni bir nesne oluşturmaz, ancak mevcut nesneyi dizin değerleri aracılığıyla değiştirir.
Örnek 1: Bir Harita İşlevi Oluşturun ve Nitelikleri Görüntüleyin
Bir örnek, bir harita işlevi oluşturmak ve niteliklere farklı değerler atamak için uyarlanmıştır. map() yöntemi, nesnenin tüm niteliklerini yineler. Son olarak, tüm öznitelikleri değerleriyle birlikte konsol penceresinde görüntüleyin. Aşağıdaki kod şu şekilde uygulanır:
kod
konsol. kayıt ( 'Nesneler için bir Harita İşlevi Oluşturun' ) ;Stud_Obj'ye izin ver = {
'Matematik İşaretleri' : 80 ,
'English_Marks' : 77 ,
'Fizik_İşaretleri' : 90 } ;
Nesne . anahtarlar ( Stud_Obj ) . harita ( işlev ( anahtar, değer ) {
} ) ;
konsol. kayıt ( Stud_Obj ) ;
Bu kodda:
- adıyla bir nesne oluşturulur. 'Stud_Obj' dahil olmak üzere farklı özelliklere sahiptir. “Math_Marks”, “English_Marks” ve 'Fizik_İşaretleri'.
- Bu nitelikler farklı “80, 77 ve 90” iki nokta üst üste tarafından atanan değerler.
- Daha sonra, Object.keys bir nesnenin niteliklerini döndürmek için kullanılır 'Stud_Obj'.
- Harita() işlev, anahtar/değer çiftleri aracılığıyla nesnede bulunan tüm öznitelikleri çağırır.
- Sonunda, konsol.log() nesneyi görüntülemek için yöntem kullanılır 'Stud_Obj' konsol penceresinde.
Çıktı
Çıktı tüm nitelikleri döndürür “Math_Marks”, “English_Marks” ve 'Fizik_İşaretleri' konsol penceresinde atanan değerleri ile.
Örnek 2: Bir Harita İşlevi Oluşturun ve Değerler Atayın
kullanılarak yeni bir harita nesnesi oluşturmak için bir örnek kullanılmıştır. yeni anahtar kelime. Bundan sonra, harita.set() JavaScript kodunda nitelik atamak için yöntemler kullanılır.
kod
konsol. kayıt ( 'Nesneler için bir Harita İşlevi Oluşturun' ) ;haritaya izin ver = yeni Harita ( ) ;
harita. Ayarlamak ( 'Harry_id' , 04 ) ;
harita. Ayarlamak ( 'Peter_id' , 08 ) ;
harita. Ayarlamak ( 'John_id' , 07 ) ;
obj_ids'e izin ver = Dizi . itibaren ( harita ) . azaltmak ( ( obj_ids, [ anahtar, değer ] ) => (
Nesne . atamak ( obj_ids, { [ anahtar ] : değer } )
) , { } ) ;
konsol. kayıt ( obj_ids ) ;
Kodun açıklaması şu şekildedir:
- A harita nesne ile oluşturulur yeni nesnenin öznitelikleri üzerinde yinelenen anahtar sözcük.
- Bundan sonra, harita.set() öznitelikler atanarak yöntem kullanılır 'Harry_id' , 'Peter_id' ve 'John_id'.
- Bu nitelikler, aşağıdakileri içeren benzersiz değerlere sahiptir: “04”, “08”, ve “07” sırasıyla.
- Ayrıca, dizi.from() yöntem diziyi diziden döndürür harita nesne.
- Bundan sonra, azaltmak() yöntem geri çağırır obj_ids ve tüm öznitelikleri ile ayıklar değerler .
- bu Nesne.atama() yöntem, her bir özniteliğe belirli bir değer ayarlar. anahtarlar .
- Son olarak, konsol.log() yönteminin tüm özelliklerini sunar. nesne geçerek 'obj_id' .
Çıktı
Örnek 3: JavaScript'te Object.entries() Yöntemi
JavaScript sağlar Object.entries() yöntemi ve nesnenin tüm özniteliklerini temel alarak döndürür anahtar/değer çifti çiftler. göz önünde bulundurarak Object.entries() yöntem, kod aşağıdaki gibi yazılır.
kod
konsol. kayıt ( 'Nesneler için bir Harita İşlevi Oluşturun' ) ;const spor_obj = {
ilk : 'Kriket' ,
ikinci : 'Futbol' ,
üçüncü : 'Hokey' ,
}
const m = yeniHarita ( Nesne . girdileri ( spor_obj ) ) ;
konsol. kayıt ( m ) ;
Kodun açıklaması aşağıdaki gibidir:
- Öncelikle bir nesne 'spor_obj' farklı nitelikler içeren oluşturulur 'birinci, ikinci' ve 'üçüncü'.
- Bu nitelikler farklı değerlere sahiptir. “Kriket”, “Futbol” ve 'Hokey'.
- Bundan sonra, Object.entries() yöntem bir nesneyi kabul eder 'spor_obj' ve tüm nitelikleri döndürür ve bunları değişkende saklar 'm'.
- Son olarak, konsol.log() konsol penceresinde nesnelerin özniteliklerinin listesini sunmak için kullanılır.
Çıktı
Çıktı, öznitelik sayısını “3” olarak gösterir ve tüm öznitelikleri değerlerle konsol penceresinde görüntüler.
Çözüm
JavaScript sağlar harita() nesnelerin özellikleriyle etkileşim kurmak için bir harita işlevi oluşturma yöntemi. Anahtar değerleri kullanarak nesnelerin tüm niteliklerini yineler. ek olarak harita.set() Nesnelerin niteliklerini atamak için yöntemler kullanılır. Ayrıca, Object.entries() method, JavaScript'te bir harita işlevi oluşturduktan sonra nesnenin tüm özniteliklerini döndürür. Bu makale, nesneler için bir harita işlevinin oluşturulmasını gösterir ve konsol penceresinde nesnelerin tüm özniteliklerini görüntüler.