set value element dengan data JSon

Assalamu'alaikum Kakak-kakak semuanya..

Saya punya data array yang isinya adalah element input.

Saya juga punya data berupa jSon

Nah, masing-masing element input yang saya bungkus dalam array itu value-nya saya ingin isi dengan data json sesuai urut key-nya. Lebih tepatnya saya ingin menggunakan fungsi array.map

let elementBiodataWali = [
        $('#tipewali'),
        $('#namawali'),
        $('#nomorhpwali'),
        $('#provinsiwali'),
        $('#kecamatanwali'),
        $('#dusunwali'),
        $('#kabupatenwali'),
        $('#desawali'),
        $('#rtwali'),
        $('#rwwali'),
        $('#kodeposwali'),
        $('#pendidikanwali'),
        $('#pekerjaanwali'),
        $('#hubunganwali')
    ]

    let data = {
        desa_walisantri: "Larangan Slampar",
        dusun_walisantri: "Karpote",
        hubungan_walisantri: "Orang Tua Kandung",
        id_walisantri: "122",
        kabupaten_walisantri: "Kabupaten Pamekasan",
        kecamatan_walisantri: "Tlanakan",
        kode_pos_walisantri: "69371",
        nama_walisantri: "SALUKDIN ANWAR",
        nik_walisantri: "7878902383277775",
        nomor_hp_walisantri: "098388374676",
        pekerjaan_walisantri: "PETANI/PEKEBUN",
        pendidikan_akhir_walisantri: "Tamat SMA/Sederajat",
        provinsi_walisantri: "Jawa Timur",
        rt_walisantri: "001",
        rw_walisantri: "001"
    }

javascript jquery

@erfaruq

25 Kontribusi 3 Poin

Diperbarui 4 tahun yang lalu

2 Jawaban:

<div>Halo <a href="https://sekolahkoding.com/user/erfaruq">@erfaruq</a><br><br>Mohon izin menjawab,<br><br>Kamu bisa coba ikuti ini:<br><br></div><pre>var persons = [ {firstname : "Malcom", lastname: "Reynolds"}, {firstname : "Kaylee", lastname: "Frye"}, {firstname : "Jayne", lastname: "Cobb"} ];

function getFullName(item) { var fullname = [item.firstname,item.lastname].join(" "); return fullname; }

function myFunction() { document.getElementById("demo").innerHTML = persons.map(getFullName); }</pre><div><br>Sumber: https://www.w3schools.com/jsref/jsref_map.asp<br><br>Semoga membantu</div>

@keccikun

368 Kontribusi 197 Poin

Dipost 4 tahun yang lalu

Tanggapan

Oke kak, saya coba dulu, Terima kasih

@erfaruq

<div>kurang menangkap maksud pertanyaanya.<br>Dugaannya maping data (json) ke jquery-element-array.<br>Dan kalau benar, maka lebih baik pakai forEach dari pada map.<br><figure data-trix-attachment="{"contentType":"image/png","filename":"sk_erfaruq__map_object_to_element.png","filesize":479756,"height":2316,"url":"https://i.ibb.co/7gyq239/sk-erfaruq-map-object-to-element.png","width":1766}" data-trix-content-type="image/png" data-trix-attributes="{"presentation":"gallery"}" class="attachment attachment--preview attachment--png"><img src="https://i.ibb.co/7gyq239/sk-erfaruq-map-object-to-element.png" width="1766" height="2316"><figcaption class="attachment__caption"><span class="attachment__name">sk_erfaruq__map_object_to_element.png</span></figcaption></figure></div>

@soeleman

120 Kontribusi 147 Poin

Dipost 4 tahun yang lalu

Tanggapan

Oke kak, saya coba dulu kak, Terima kasih kak

@erfaruq

Kelas Premium! Belajar Javascript untuk website

set value element dengan data JSon

Kelas Premium!
Belajar Javascript untuk website