Bu gönderi, JavaScript'te Harita ve Nesne arasındaki farkı açıklayacaktır.
JavaScript'te Nesne Nasıl Tanımlanır?
JavaScript'te bir nesne, her biri bir anahtar/değer çiftine sahip bir özellikler koleksiyonudur. “ anahtar ” “ isim ” ve bir “ değer ”, anahtarın karşısındaki “değer” dir. Nesneler, bir araba, bir kişi veya bir banka hesabı gibi gerçek dünyadaki nesneleri temsil edebilir. Uzayda matematiksel bir nokta, bir renk veya bir tarih gibi daha soyut nesneleri de temsil edebilirler.
Sözdizimi
Bir nesne, hazır bilgi nesne notasyonu {} parantezleri veya Object yapıcısı kullanılarak oluşturulabilir. Değişmez gösterimi veya parantezleri kullanarak aşağıdaki sözdizimini kullanın:
sabit nesne = {
anahtar : değer,
anahtar : değer
}
Object yapıcısını kullanarak bir nesne oluşturma veya “ yeni ” anahtar sözcüğü, aşağıdaki sözdizimini kullanın:
sabit nesne = yeni Nesne ( ) ;
nesne. anahtar = değer ;
Not: Nesne özelliklerinin anahtarlarının veya adlarının bir dize olması gerektiğini unutmayın.
Örnek 1: JavaScript'te Sabit Notasyon Kullanarak Bir Nesne Oluşturun
Aşağıdaki örnekte, “adlı bir nesne oluşturacağız. stdObject ” değişmez gösterim veya parantez kullanarak:
var stdObject = {
isim : 'John' ,
yaş : 18 ,
rulo yok : 25 ,
standart : 9
}
Nesneyi konsolda yazdırın:
konsol. kayıt ( stdObject ) ;Çıktı
Örnek 2: JavaScript'te Object Constructor Kullanarak Bir Nesne Oluşturun
Burada, “ kullanarak Object yapıcısını kullanarak bir nesne oluşturacağız. yeni ” anahtar kelime:
sabit stdObject = yeni Nesne ( ) ;Şimdi, nokta(.) gösterimini kullanarak nesnelerin özelliklerini (anahtar-değer) ekleyin:
stdObject. isim = 'Kahretsin' ;stdObject. yaş = 19 ;
stdObject. rulo yok = onbeş ;
stdObject. standart = 10 ;
Son olarak, konsoldaki nesneyi “ kullanarak görüntüleyin. konsol.log() ' yöntem:
konsol. kayıt ( stdObject ) ;Çıktı
JavaScript'te Harita Nasıl Tanımlanır?
JavaScript'te bir “ Harita ”, bir nesneye benzer anahtar-değer çiftlerini tutan bir veri yapısıdır. Verileri anahtarlarla ilişkilendirmenizi ve daha sonra tuşları kullanarak verileri almanızı sağlar. Haritalar, sözlükleri, karma tabloları ve anahtarları değerlerle eşleyen diğer veri yapılarını uygulamak için kullanılabilir.
Sözdizimi
Bir Haritayı başlatmak için aşağıdaki sözdizimini kullanın:
sabit harita = yeni Harita ( [[ 'anahtar' , 'değer' ] ,
[ 'anahtar' , 'değer' ]
] ) ;
Ayrıca, Harita yapıcısını kullanarak veya yeni işleci kullanarak bir Harita oluşturabilir ve “ ile değerleri ayarlayabilirsiniz. ayarlamak() ' yöntem:
sabit harita = yeni Harita ( ) ;harita. ayarlamak ( 'anahtar' , 'değer' ) ;
Örnek: JavaScript'te Harita Oluşturma
Verilen örnekte, her iki sözdizimini kullanarak bir Harita oluşturacağız.
Başlatma yöntemini kullanarak bir Harita oluşturun. Burada, tuşları bir dizi olarak ayarlayacağız, siz ise bir Haritadaki tuşları herhangi bir türde ayarlayabilirsiniz:
sabit haritaStd = yeniHarita ( [[ 'isim' , 'John' ] ,
[ 'yaş' , 18 ] ,
[ 'yuvarlanma' , 25 ] ,
[ 'standart' , 9 ] ,
] ) ;
Veya Harita yapıcısını veya yeni anahtar kelimeyi/operatörü çağırarak bir Harita oluşturun:
sabit haritaStd = yeni Harita ( ) ;“ kullanarak bir anahtar/değer çiftinde Haritadaki değerleri ayarlayın. ayarlamak() ' yöntem:
haritaStd. ayarlamak ( 'isim' , 'John' ) ;haritaStd. ayarlamak ( 'yaş' , 18 ) ;
haritaStd. ayarlamak ( 'yuvarlanma' , 25 ) ;
haritaStd. ayarlamak ( 'standart' , 9 ) ;
Haritayı konsolda yazdırmak için “ girdileri() ” yöntemi ile “ için ' döngü:
için ( sabit [ anahtar, değer ] mapStd. girdileri ( ) ) {konsol. kayıt ( $ { anahtar } : $ { değer } ` ) ;
}
Veya herhangi bir özel anahtarın/özelliğin değerine erişmek için ' elde etmek() ' yöntem:
konsol. kayıt ( 'Rollno of' + haritaStd. elde etmek ( 'isim' ) + ' dır-dir ' + haritaStd. elde etmek ( 'yuvarlanma' ) ) ;Çıktı, Haritanın tüm özelliklerini ve belirli özelliğin değerini gösterir:
JavaScript'te Harita ve Nesne
Harita ve Nesne arasındaki birincil fark aşağıdaki gibidir:
| Harita | Nesne |
| ECMAScript 6'da 2015 yılında tanıtıldı. | JavaScript, 1997'de yayınlanan ilk sürümünde (ECMAScript 1) Object veri türünü tanıttı. |
| Harita, herhangi bir veri türünün (ör. nesneler, işlevler, sayılar vb.) tuşlarına izin verir. | Nesne anahtarları dize olmalıdır. |
| Bir Haritanın özelliklerine get() yöntemi kullanılarak erişilebilir. | Nesne özelliklerine nokta gösterimi veya köşeli parantez gösterimi kullanılarak erişilebilir. |
| Harita, anahtar/değer çiftlerinin sayısını döndürmek için yerleşik bir size özelliğine sahiptir | Nesnenin bu özelliği yoktur. |
| Harita yinelenebilir. forEach(), keys(), values() ve entrys() gibi bazı yerleşik yöntemleri kullanarak tüm anahtar/değer çiftleri arasında döngüye izin verir. | Nesne yinelenebilir değil. Anahtar-değer çiftlerini yinelemek için 'for-in' döngülerini veya Object.entries() yöntemini kullanmaya ihtiyaç vardır. |
| Harita sipariş edilir. | Nesne sırasız. |
Küçük veri kümeleriyle çalışırken, Haritalar ve nesneler arasındaki performans farkı önemsizdir, ancak daha büyük veri kümeleriyle çalışırken, Haritalar performans için optimize edildiğinden daha hızlı olabilir.
Harita ne zaman JavaScript'te Nesnelere Yerine Tercih Edilir?
Anahtar/değer çiftlerini sıralı bir biçimde veya değeri anahtar olarak sayılar, nesneler veya semboller gibi herhangi bir veri türü olarak saklamanız gerektiğinde, ' Harita ' veri yapısı. Dizeleri anahtar olarak kullanmanız gerektiğinde ve Haritalar'ın hiçbir özelliğine ihtiyacınız olmadığında nesneler kullanılacaktır. Küçük veri kümeleriyle çalışırken Haritalar ve nesneler arasındaki performans farkı önemsizdir, ancak daha büyük veri kümeleriyle çalışırken, performans için optimize edildikleri için Haritalar daha hızlı olabilir.
Çözüm
Harita ve Nesne, verileri JavaScript'te anahtar-değer çiftleri olarak depolamak için kullanılır, ancak bazı farklılıkları vardır. Harita, Object'e göre daha güçlü ve esnek bir veri yapısıdır ve sıralanması gereken, farklı veri türlerinde anahtarlara veya size özelliğine sahip anahtar/değer çiftlerini saklamanız gerektiğinde tercih edilen seçimdir. Bu gönderi, JavaScript'te Harita ve Nesne arasındaki farkı açıkladı.