Cara menggunakan json.parse () dan json.Stringify ()

Json Singkatan dari JavaScript Object Notation. JSON adalah format data yang dapat dibaca manusia yang biasa digunakan untuk bertukar data antara browser web, klien dan server. Sebagian besar API modern menggunakan format JSON sebagai output. Itulah mengapa JSON menjadi format data populer untuk output API.

JavaScript menyediakan dua metode untuk bekerja dengan konten JSON. Parse dan Stringify. Metodenya json.parse () dan json.Stringify ().

• Json.parse () Metode mengambil string JSON dan mengubahnya menjadi objek JavaScript.
• Json.Stringify () Metode mengambil objek JavaScript dan mengubahnya menjadi string JSON.

1. Menggunakan json.parse ()

JSON.Fungsi parse () mengambil input data JSON dan mengubahnya menjadi objek JavaScript. Berikut adalah contoh sederhana untuk mengubah string JSON menjadi objek JS.

// Simpan data JSON dalam variabel JavaScript var json = '"id": 1, "name": "Dan radak", "country": "Amerika Serikat"'; // Konversi string json ke objek javascript var obj = json.Parse (JSON); // Akses nilai individu dari konsol objek JavaScript.Log (OBJ.pengenal); // output: 1 konsol.Log (OBJ.nama); // Output: Dan Radak Console.Log (OBJ.negara); // Output: Amerika Serikat

12345678910

// Simpan data JSON dalam variabel JavaScript json = '"id": 1, "name": "Dan radak", "country": "Amerika Serikat"'; // Konversi string JSON ke JavaScript ObjectVar Obj = JSON.Parse (JSON); // Akses nilai individu dari javascript ObjectConsole.Log (OBJ.pengenal); // output: 1console.Log (OBJ.nama); // Output: Dan Radakconsole.Log (OBJ.negara); // Output: Amerika Serikat

Melewati fungsi - Anda juga dapat melewati fungsi sebagai argumen kedua (opsional) ke JSON.Fungsi parse () untuk melakukan beberapa tugas pada setiap nilai JSON. Berikut adalah contoh di mana fungsi mengubah semua nilai string menjadi huruf besar dalam objek yang dikembalikan dari metode parse:

// Simpan data JSON dalam variabel JavaScript var json = '"id": 1, "name": "Dan radak", "country": "Amerika Serikat"'; // Konversi string json ke objek javascript var obj = json.parse (json, (key, value) => if (typeOf value === 'string') value return.Touppercase (); nilai pengembalian; ); // Akses nilai individu dari konsol objek JavaScript.Log (OBJ.pengenal); // output: 1 konsol.Log (OBJ.nama); // Output: Dan Radak Console.Log (OBJ.negara); // Output: Amerika Serikat

123456789101112131415

// Simpan data JSON dalam variabel JavaScript json = '"id": 1, "name": "Dan radak", "country": "Amerika Serikat"'; // Konversi string JSON ke JavaScript ObjectVar Obj = JSON.parse (json, (key, value) => if (typeOf value === 'string') value return.Touppercase (); nilai pengembalian;); // Akses nilai individu dari javascript ObjectConsole.Log (OBJ.pengenal); // output: 1console.Log (OBJ.nama); // Output: Dan Radakconsole.Log (OBJ.negara); // Output: Amerika Serikat

Kami berasumsi, ini membantu Anda memahami penggunaan JSON.metode parse (). Selanjutnya, pelajari metode lain JSON.stringify () untuk melakukan kebalikan dari di atas.

2. Menggunakan json.Stringify ()

Json.Metode Stringify () digunakan untuk mengubah objek JavaScript menjadi string JSON. Anda cukup meneruskan objek JavaScript ke fungsi ini dan mendapatkan array JSON.

Berikut adalah contoh sederhana dari JSON.Metode Stringify ():

// Buat objek JavaScript var obj = id: 1, nama: "Dan radak", negara: "Amerika Serikat" // mengonversi objek JS ke string json var json = json.Stringify (obj); menghibur.log (json); // output yang diharapkan: "id": 1, "name": "Dan radak", "country": "Amerika Serikat"

12345678

// Buat objek JavaScript var obj = id: 1, nama: "Dan Radak", negara: "Amerika Serikat" // Mengubah objek JS ke JSON StringVar Json = JSON.Stringify (obj); menghibur.log (json); // output yang diharapkan: "id": 1, "name": "Dan radak", "country": "Amerika Serikat"

Anda juga dapat melewati dua argumen tambahan, satu adalah fungsi penggantian dan yang kedua dapat menjadi nilai ruang untuk memformat output.

Menggunakan fungsi replacer - Fungsi Replacer digunakan untuk memfilter nilai output. Misalnya, Anda dapat membuat fungsi dan meneruskannya sebagai argumen. Fungsi ini akan mengembalikan nilai string apa pun yang tidak ditentukan.

// objek javascript var obj = id: 1, nama: "Dan radak", usia: 28, negara: "Amerika Serikat" function replacer (tombol, nilai) // memfilter properti if (typeof value === 'String') return tidak terdefinisi; nilai pengembalian; // Menggunakan konsol fungsi replacer.log (json.Stringify (Obj, Replacer)); // output yang diharapkan: "id": 1, "usia": 28

1234567891011121314

// objek javascript var obj = id: 1, nama: "Dan radak", usia: 28, negara: "Amerika Serikat" Function Replacer (key, value) // Menyaring properti jika (typeof value === 'String') return tidak terdefinisi; nilai pengembalian; // Menggunakan Replacer FunctionConsole.log (json.stringify (obj, replacer)); // output yang diharapkan: "id": 1, "usia": 28

Menggunakan array sebagai pengganti - Anda juga dapat melewati array yang berisi beberapa nama kunci sebagai pengganti. Di sini fungsi Stringify () hanya akan mengembalikan nilai-nilai kunci kunci pencocokan yang tombolnya dikirim sebagai pengganti.

Misalnya, kami mengirim ID dan nama dalam array sebagai fungsi Replacer. Dalam hal ini hanya nilai -nilai yang dikembalikan sebagai objek JS dan dibuang nilai lainnya.

// Buat objek JavaScript var obj = id: 1, nama: "Dan radak", usia: 28, negara: "Amerika Serikat" // Mengubah objek JS menjadi string JSON dengan konsol Array Replacer Console.log (json.Stringify (obj, ["id", "name"])); // output yang diharapkan: "id": 1, "name": "Dan radak"

123456

// Buat objek JavaScript var obj = id: 1, nama: "Dan radak", usia: 28, negara: "Amerika Serikat" // Mengubah objek JS menjadi string JSON dengan array replacerconsole.log (json.stringify (obj, ["id", "name"])); // output yang diharapkan: "id": 1, "name": "Dan radak"

Melewati argumen ruang - Anda juga dapat melewati nilai ruang sebagai argumen opsional ketiga. Ini membantu membuat output dalam format yang lebih mudah dibaca.

// Buat objek JavaScript var obj = id: 1, nama: "Dan radak", usia: 28, negara: "Amerika Serikat" // Replacer fungsi penggantian penggantian pengganti (tombol, nilai) nilai pengembalian; // Menggunakan konsol argumen ruang opsional.log (json.Stringify (obj, replacer, "); // output yang diharapkan // //" id ": 1, //" name ":" Dan radak ", //" usia ": 28, //" country ":" Amerika Serikat "// // menggunakan tab sebagai konsol argumen ruang angkasa.log (json.Stringify (obj, replacer, '\ t'); // output yang diharapkan // // "id": 1, // "name": "Dan radak", // "usia": 28, // "negara": "Amerika Serikat" //

123456789101112131415161718192021222324252627

// Buat objek JavaScript var obj = id: 1, nama: "Dan radak", usia: 28, negara: "Amerika Serikat" // Replacer FunctionFunction Replacer (tombol, nilai) value return; // Menggunakan Opsional Space ArgumentConsole.log (json.Stringify (obj, replacer, "); // output yang diharapkan // //" id ": 1, //" name ":" Dan radak ", //" usia ": 28, //" country ":" Amerika Serikat "// // Menggunakan tab sebagai Space ArgumentConsole.log (json.stringify (obj, replacer, '\ t'); // output yang diharapkan // // "id": 1, // "name": "Dan Radar", // "Umur": 28, // "Negara ": "Amerika Serikat"//

Kesimpulan

Dalam tutorial ini, Anda telah mempelajari penggunaan JSON.parse () dan json.Metode Stringify ().