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.
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); |