Object.keys, values, entries

Veri yapılarından biraz uzaklaşıp bunların döngülerinden bahsedecek olursak;

Bir önceki bölümde map.keys(), map.values(), map.entries() gibi metodlar vardı.

Bu metodlar generic metodlardır. Bunların veri yapılarında kullanılması çoğu dilde ortaktır. Eğer yeni bir veri yapısı yapmak istiyorsanız siz de bunların uygulamasını yapmalısınız.

Bunlar:

• Map
• Set
• Array ( arr.values() hariç)

… için desteklenir.

Basit objeler de aynı metodları destekler aslında, fakat yazımları biraz daha fazladır.

Object.keys, values, entries

Basit objeler için aşağıdaki metodlar kullanılabilir.

• Object.keys(obj) – anahtarları dizi şeklinde döndürür.
• Object.values(obj) – değerleri dizi şeklinde döndürür.
• Object.entries(obj) – [anahtar, değer] çiftini dizi şeklinde döndürür.

… Farklılıklarına dikkat edin. (aşağıda map örneği gösterilmiştir):

İlk farklılık obj.keys() değil de Object.keys(obj) dönmeniz gerekmektedir.

Peki neden? Ana neden esnekliktir. Hatırlarsanız, objeler tüm karmaşık yapıların temelidir. Bundan dolayı kendimize ait order gibi bir objeniz ve bunun kendine ait bir order.values() metodu olabilir. Yine de bunun üzerinde Object.values(order)'ı çağırabilmeniz gerekir.

Diğer bir farklılık ise Object.* metodları “gerçek” dizi döner. Sadece sıralı döngü objesi değil. Bu da tarihsel nedenlerden dolayıdır aslında.

Örneğin:

let kullanici = {
  adi: "Ahmet",
  yasi: 30
};

• Object.keys(kullanici) = [adi, yasi]
• Object.values(kullanici) = ["Ahmet", 30]
• Object.entries(kullanici) = [ ["adi","Ahmet"], ["yasi",30] ]

Burada ise Object.values'un özelliklerinin döngüde kullanımı gösterilmektedir:

let kullanici = {
  adi: "Ahmet",
  yasi: 30
};

//  değerler üzerinden döngü
for(let deger of Object.values(kullanici)) {
  alert(deger); // Ahmet,sonrasında 30
}

Nesneleri dönüştürmek için Object.fromEntries

Bazen bir nesneyi Mape dönüştürüp ardından onu objeye geri dönüştürmemiz gerekir.

Halihazırda objden Map yapmak için new Map(Object.entries(obj)) var.

Object.fromEntries in sözdizimi(syntaxi) tam tersini yapar. [key, value] çifti dizisi verildiğinde, bir obje oluşturur:

let fiyatlar = Object.fromEntries([
  ['muz', 1],
  ['portakal', 2],
  ['et', 4]
]);

// şimdi fiyatlar = { muz: 1, portakal: 2, et: 4 }

alert(fiyatlar.portakal); // 2

Pratik uygulamaları görelim.

Örneğin, mevcut olandan iki kat fiyatla yeni bir nesne oluşturmak istiyoruz.

Diziler için, bir diziyi dönüştürmeye izin veren .map metodumuz var, ancak nesneler için böyle bir şey yok.

Bu yüzden bir döngü kullanabiliriz:

let fiyatlar = {
  muz: 1,
  portakal: 2,
  et: 4,
};

let ikiKatiFiyatlar = {};
for(let [product, price] of Object.entries(fiyatlar)) {
  ikiKatiFiyatlar[product] = price * 2;
}

alert(ikiKatiFiyatlar.et); // 8

…Veya Object.entries kullanarak nesneyi bir Array olarak temsil edebilir, daha sonra işlemleri map (ve muhtemelen diğer dizi metodları) ile gerçekleştirebilir ve daha sonra Object.fromEntries kullanarak geri dönebiliriz.

Bunu bizim objemiz için yapalım:

let fiyatlar = {
  muz: 1,
  portakal: 2,
  et: 4,
};

let ikiKatiFiyatlar = Object.fromEntries(
  // diziye dönüştürür, Map ve sonra fromEntries nesneyi geri döndürür
  Object.entries(fiyatlar).map(([key, value]) => [key, value * 2])
);

alert(ikiKatiFiyatlar.et); // 8

İlk görüşte zor görünebilir, ancak bir veya iki kez kullandıktan sonra anlaşılması kolaylaşır.

Mapten bir obje almak içinfromEntries de kullanabiliriz.

Örneğin. Bir fiyat Mapimiz var, ancak bunu bir nesne bekleyen 3. taraf koduna geçirmemiz gerekiyor.

Şu şekilde:

let map = new Map();
map.set('muz', 1);
map.set('portakal', 2);
map.set('et', 4);

let obj = Object.fromEntries(map);

// now obj = { muz: 1, portakal: 2, et: 4 }

alert(obj.portakal); // 2