Ketika browser mengirim data ke server, data tersebut dikirim dalam format tertentu.

Salah satu format data yang banyak digunakan untuk transfer data antara browser dan server adalah JSON.

JSON adalah singkatan dari JavaScript Object Notation, pada dasarnya JSON hanya sebuah text yang memiliki format/syntax sebagai berikut.

Copy
1{
2  "key" : "value"
3}

Contoh:

Copy
1{
2  "name" : "brachio",
3  "weight" : 150,
4  "height" : 1.5
5}

Sekilas syntax dari JSON mirip dengan JavaScript Object namun memiliki perbedaan yaitu key-value JSON harus berupa string yang menggunakan double quote.

Perbedaan JSON dan JavaScript Object:

JSON

Copy
1{
2  "name" : "brachio",
3  "weight" : 150,
4  "height" : 1.5
5}

JavaScript Object

Copy
1{
2  name   : "brachio",
3  weight : 150,
4  height : 1.5
5}

Convert JSON

Mengubah/convert JavaScript Object ke JSON dan sebaliknya.

Object to JSON menggunakan JSON.stringify().

Copy
1const blueDino = {
2  age: 150,
3  height: '1.5 m',
4  weight: '500 kg'
5};
6
7const jsonDino = JSON.stringify(blueDino);
8
9console.log(jsonDino); // {"age":150,"height":"1.5 m","weight":"500 kg"}

JSON to Object menggunakan JSON.parse()

Copy
1const jsonDino = `{
2  "age": "150",
3  "height": "1.5 m",
4  "weight": "500 kg"
5}`;
6
7const blueDino = JSON.parse(jsonDino);
8
9console.log(blueDino); // { age: '150', height: '1.5 m', weight: '500 kg' }

Tipe Data JSON

Data JSON dapat berupa String, Number, Nested Object, Array, Boolean.

Copy
1{
2  "name" : "brachio",
3  "weight" : 150,
4  "height" : 1.5,
5  "address" : {
6    "street": "Jalan Lama",
7    "block" : "K"
8    "number" : 20
9    "city" : "Jakarta",
10  },
11  "hoby" : [ "football", "swimming", "tennis" ],
12  "single" : true
13}

Namun data JSON tidak dapat berupa function atau date.

Copy
1{
2  "name" : function() { console.log('Brachio') } // error
3}