forEach ve D3js each arasındaki fark nedir?

İlk, .forEach() d3, javascript diziler yerli bir işlev değil bir parçası değil. Yani

["a", "b", "c"].forEach(function(d, i) { console.log(d   " "   i); });
// Outputs:
a 0
b 1
c 2

Ve eğer d3 sayfasında yüklü değilse bile çalışır.

Sonraki, d3 .each() d3 seçimleri 6 ** ne zaman) üzerinde çalışır. Teknik olarak, sahne arkasında, d3 bir seçim ekstra fonksiyonlar (.each()) ile bir dizi olduğundan d3 seçimi .forEach() diyebilirsin. Ama bu yüzden yapmamalısın:

1. Böylece istenilen davranış oluşturmaz. İstediğiniz herhangi bir davranış üretmek için d3 bir seçim ile .forEach() kullanmayı bilmek d3 iç işleyişini samimi anlayış gerektirir. Neden sadece belgelenmiş, kamu bölümü kullanabilirsiniz eğer, API yap.

2. Zaman sana haber .each(function(d, i) { }) d3 seçimi, daha d i: işlevi alır çağrılan gibi this kelime içinde herhangi bir yere bu fonksiyon puan için HTML DOM öğesi ile ilişkili d. Diğer bir deyişle function(d,i) {} içinden console.log(this) Her neyse <div class="foo"></div> gibi bir şey ya da günlük. Ve bundan sonra ne olursa olsun CSS özelliklerini, içeriğini veya değiştirmek için this bu nesne üzerinde işlevini çağırabilirsiniz çünkü yararlı. Genellikle, d3 bu özellikler, d3.select(this).style('color', '#c33'); olarak ayarlamak için kullanın.

Ana Paket, .each() kullanarak ihtiyacın olan 3 şey için erişim olsun: d, this i. .forEach(), bir dizi (örneğin en başından beri) sadece 2 şey (d i), ve ... yapacak bir sürü iş için de ortak bir HTML elemanı ile bu 2 şey. Ve o, diğer şeyler arasında, d3 yararlıdır.