.map nedir?

JavaScript'de dizi elemanlarını bir donguye alıp tumune işlem edip sonuclarını yeni bir diziye eklemek icin map metodunu kullanıyoruz.

[CODE lang="json" title="Kod"][
,
,
,
,

][/CODE]

Bu JSON dosyasını reacta yazdırmak istediğimizde hicbir şey olmuyor!




Ancak eğer .map metodunu kullanırsak calıştığını goreceksiniz.

[CODE lang="javascript" title="Kod"]import React from 'react'.
import jsons from './jsonOrnegi.json'
export default function jsonOrnegi() adlı fiyatı: ₺
))}


)
}
[/CODE]

Cıktı:




Detaylı anlatım:

&& Ve operatoru sayesinde jsons.length ve jsons.map diyebiliriz.
.map ozelliği sayesinde tum elemanlarımı donguye aldım ve sonuclarını yeni bir diziye atadım. Bu yuzden tum elemanlarımın fiyatı, tutarı vb. cıktı.
React kullandığımdan dolayı paragraf icerisine aldım. Eğer duz JS kullanıyorsanız aşağıdaki kodları kullanabilirsiniz.

[CODE lang="javascript" title="Kod"]let urunler = [
,
,
,
,

]
console.log(urunler.map(urun => urun.name + ' adlı ' + urun.desc + ' fiyatı: ' + urun.price))

//isterseniz document.write kullanabilirsiniz.
[/CODE]

Atladığım yerler varsa lutfen soyleyin.