Conversi Array ke JSON Javascript

JSON (JavaScript Object Notation) adalah format pertukaran data yang sangat ringan antara sisi server dan sisi klien yang cepat dan mudah diurai dan diimplementasikan.

Ubah Array ke JSON

Anda dapat menggunakan JSON.stringify untuk mengubah array menjadi string yang diformat JSON dalam JavaScript.

Misalkan ada array seperti "[1, 2, 3, 4]". Jika Anda ingin mengonversi array ini ke Objek JSON dalam javascript. Mari kita lihat contoh di bawah ini

var array = [1, 2, 3, 4];
var arrayToString = JSON.stringify(Object.assign({}, array)); // array ubah ke string
var stringToJsonObject = JSON.parse(arrayToString); // string ubah ke json

console.log(stringToJsonObject);
// { '0': 1, '1': 2, '2': 3, '3': 4 }

Keterangan

JSON.stringify() and Object.assign() digunakan untuk mengubah array dalam bentuk objek ke string.
JSON.parse() digunakan untuk mengubah objek dalam bentuk string menjadi objek JSON.

Mengubah JSON ke Array

Saat mengonversi objek atau JSON ke array, gunakan metode .entries() dari kelas Object. Ini akan mengubah objek kita menjadi array array. Setiap array bersarang adalah daftar dua nilai di mana item pertama adalah kunci dan item kedua adalah nilai.

var object = {
  first_name: "Asrul",
  last_name: "Harahap",
  email: "talkasrul@gmail.com",
};
var arr = Object.entries(object);

console.log(arr);
// [ [ 'first_name', 'Asrul' ],
//  [ 'last_name', 'Harahap' ],
//  [ 'email', 'talkasrul@gmail.com' ] ]

Mengubah array 2 dimensi ke JSON

Misalkan arraynya seperti berikut:

var arr = [
  ["Status", "Name", "Usia", "Pekerjaan"],
  ["active", "Asrul", 25, "JavaScript developer"],
  ["active", "Anis", 25, "Angular developer"],
  ["deactive", "Tisha", 0, "-"],
  ["active", "Lan", 20, "Machine Engineer"],
  ["active", "Kiki", 20, "Web Developer"],
];

Jika ingin konversi atau ubah data seperti diatas maka caranya seperti berikut ini:

var arr = [
  ["Status", "Name", "Usia", "Pekerjaan"],
  ["active", "Asrul", 25, "JavaScript developer"],
  ["active", "Anis", 25, "Angular developer"],
  ["deactive", "Tisha", 0, "-"],
  ["active", "Lan", 20, "Machine Engineer"],
  ["active", "Kiki", 20, "Web Developer"],
];

function arrayToJSONObject(arr) {
  var keys = arr[0];

  var newArr = arr.slice(1, arr.length);

  var formatted = [],
    data = newArr,
    cols = keys,
    l = cols.length;
  for (var i = 0; i < data.length; i++) {
    var d = data[i],
      o = {};
    for (var j = 0; j < l; j++) o[cols[j]] = d[j];
    formatted.push(o);
  }
  return formatted;
}

console.log(arrayToJSONObject(arr));

// [ { Status: 'active',
//     Name: 'Asrul',
//     Usia: 25,
//     Pekerjaan: 'JavaScript developer' },
//   { Status: 'active',
//     Name: 'Anis',
//     Usia: 25,
//     Pekerjaan: 'Angular developer' },
//   { Status: 'deactive', Name: 'Tisha', Usia: 0, Pekerjaan: '-' },
//   { Status: 'active',
//     Name: 'Lan',
//     Usia: 20,
//     Pekerjaan: 'Machine Engineer' },
//   { Status: 'active',
//     Name: 'Kiki',
//     Usia: 20,
//     Pekerjaan: 'Web Developer' } ]

Conversi Array ke JSON Javascript

Comments

Javascript

Membuat awal kata kapital dengan Javascript

More from this blog

Ngoding React Nggak Harus Ribet: Ngobrolin Komponen yang Sering Disalahpahami

Ngapain Sih Pake TypeScript di React? Ribet Tapi Worth It

Regex untuk si paling anti ribet

Cara konversi bilangan String ke Number di Javascript

Tips bekerjasama dengan mentor

Ubah Array ke JSON

Mengubah JSON ke Array

Mengubah array 2 dimensi ke JSON

Command Palette

Comments

Javascript

Membuat awal kata kapital dengan Javascript

More from this blog

Ubah Array ke JSON

Mengubah JSON ke Array

Mengubah array 2 dimensi ke JSON