jQuery’de sıkça kullanılan each fonksiyonu gibi parametre olarak geçilen nesneleri döngü aracılığı ile dönüp işleyebiliyoruz fakat map fonksiyonunun each fonksiyonundan farkı geriye array türünde nesne döndürmesidir.
İçerik
göster
jQuery map fonksiyonu ile nesneleri döngü aracılığı ile array türünde geri döndürebilirsiniz
Şimdi errors adında ve array türünde bir nesne oluşturuyoruz ve array içerisine map döngüsünde kullanmak için 3 tane hata tanımlıyoruz.
JS
1 2 3 4 5 6 7 8 9 10 11 12 | var errors = [ "Hata 1", "Hata 2", "Hata 3" ]; debugger; var items = $.map(errors, function (error, i) { return '<li>' + error + '</li>'; }) document.write(items); |
Sonuç
Üstteki önizlemede farkettiyseniz li etiketleri arasında , karakteki var bunun sebebi map fonksiyonunun geriye array döndürmesinden kaynaklanıyor ve arrayi biz direk olarak docuemt.write() deyip ekrana bastırdığımız için virgüllü olarak ekrana bastırıyor bu sorunu aşmak için join() fonksiyonunu kullanmalısınız. kodun düzenlenmiş hali ise bu şekilde olacak;
JS
1 2 3 4 5 6 7 8 9 10 11 | var errors = [ "Hata 1", "Hata 2", "Hata 3" ]; var items = $.map(errors, function (error, i) { return '<li>' + error + '</li>'; }).join(''); document.write(items); |
