Dalam pemrograman, sudah merupakan hal yang umum untuk melakukan pengolahan data, mulai dari merubah format, mengekstrak, hingga menampilkan data.

Pada postingan singkat ini, saya ingin mencatat tentang konversi objek JavaScript menjadi string yang berisi pasangan key-value. Hal ini menggunakan metode Object.entries() untuk mendapatkan array dari pasangan key-value, dan kemudian menggabungkannya menggunakan map() dan join().

Yuk, langsung saja simak contoh kode berikut ini:

Obyek

const obj = {
  Nama: 'Fauzi',
  Alamat: 'di bumi',
  Website: 'https://pancenjoss.com'
};

Konversi

const result = Object.entries(obj)
    .map(([key, value]) => `${key} = ${value}`)
    .join(', ');

console.log(result);

Maka akan menghasilkan sebuah string Nama = Fauzi, Alamat = di bumi, Website = https://pancenjoss.com

Kita juga bisa merubahnya menjadi list

html unorderded list

<ul id="data"></ul>

Konversi

const result = Object.entries(obj)
    .map(([key, value]) => `<li>${key} = ${value}</li>`)
    .join('');

document.getElementById("data").innerHTML = result;

Pada kode konversi yang baru kita menambahkan tag li dan joinnya berupa string kosong. Maka akan menghasilkan

• Nama = Fauzi
• Alamat = di bumi
• Website = https://pancenjoss.com

---