Writer & IoT Cloud Architect — Life Long Learner

Cara Mengubah Struktur Object dalam Array Secara Efisien dan Cepat pada Javascript

Degananda.com -

thumb-restructure-array

Dalam pembuatan aplikasi baik dari sisi frontend maupun backend tidak akan dapat dihindari untuk melakukan proses pengubahan struktur object. Contoh umumnya adalah pada saat mengolah data yang didapatkan dari suatu API dan kemudian data tersebut akan ditransformasikan menjadi object yang sesuai dengan class atau struktur tertentu.

Biasannya perubahan struktur object ini diubah dengan menggunakan konsep for loop atau for each dengan cara melakukan iterasi pada masing-masing member array object dan kemudian membentuk struktur object yang baru.

Pada nodejs telah terdapat built in function yang bernama Array.prototype.map() yang dapat dimanfaatkan untuk melakukan transformasi struktur object menjadi struktur yang baru.

Cara Mengubah Struktur Object dalam Array Secara Efisien dan Cepat pada Javascript

sebagai contoh pada object dibawah ini

const artikel = [
    {
        id : "1",
        judul : "artikel 1"
    },
    {
        id : "2",
        judul : "artikel 2"
    },
]

kemudian untuk dapat mengubah strukturnya agar dapat memiliki index sesuai dengan nomor id-nya maka dapat memanfaatkan fungsi Array.prototype.map

const artikelRestruktur = artikel.map (
    (val) => {
        let newStructure = {};
        newStructure[val.id] = {
            id : val.id,
            judul : val.judul
        }
        return newStructure;
    }
)

kode diatas akan menjadikan array object artikel diatas menjadi seperti dibawah ini

[
  { '1': { id: '1', judul: 'artikel 1' } },
  { '2': { id: '2', judul: 'artikel 2' } }
]

Pada intinnya, nilai array original dapat dimanipulasi menjadi bentuk apapun dan dengan fungsi apapun yang tersedia pada javascript. Namun jangan lupa untuk melakukan return terhadap data hasil manipulasi-nya agar dapat dikembalikan menjadi anggota array yang baru

(Visited 17 times, 1 visits today)

Leave a Reply