JSON adalah 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 keluaran API.
JavaScript
menyediakan dua metode untuk bekerja dengan konten JSON. mengurai dan merangkai. Metodenya adalah JSON.parse() dan JSON.stringify().
- Metode JSON.parse() mengambil string JSON dan mengubahnya menjadi objek JavaScript.
- Metode JSON.stringify() mengambil objek JavaScript dan mengubahnya menjadi string JSON.
1. Menggunakan JSON.parse()
Fungsi JSON.parse() mengambil input data JSON dan mengubahnya menjadi objek JavaScript. Berikut adalah contoh sederhana untuk
mengubah string JSON menjadi objek JS.
_// Store JSON data in a JavaScript variable_ **var** json = '{'id': 1, 'name': 'Dan Radak', 'country': 'United States'}' ; _// Convert JSON string to JavaScript object_ **var** obj = JSON . parse (json ); _// Access individual values from the JavaScript object_ console . log (obj .id ); _// Outputs: 1_ console . log (obj .name ); _// Outputs: Dan Radak_ console . log (obj .country ); _// Outputs: United States_ #artikel umum #javascript #js #json
tecadmin.net
Cara menggunakan metode JSON.parse() dan JSON.stringify() dalam Javascript. Bagaimana cara mengonversi objek JS ke JSON dan JSON ke Objek JS?
Pengantar
Objek JSON, yang tersedia di semua peramban modern, memiliki dua metode berguna untuk menangani konten yang berformat JSON: parse dan stringify. JSON.parse() mengambil string JSON dan mengubahnya menjadi objek JavaScript. JSON.stringify() mengambil objek JavaScript dan mengubahnya menjadi string JSON.
Berikut adalah contohnya:
const myObj = {
name: 'Skip',
age: 2,
favoriteFood: 'Steak'
};
const myObjStr = JSON.stringify(myObj);
console.log(myObjStr);
// "{"name":"Sammy","age":6,"favoriteFood":"Tofu"}"
console.log(JSON.parse(myObjStr));
// Object {name:"Sammy",age:6,favoriteFood:"Tofu"}
Meskipun metode itu biasanya digunakan pada objek, tetapi dapat juga digunakan pada larik:
const myArr = ['bacon', 'lettuce', 'tomatoes'];
const myArrStr = JSON.stringify(myArr);
console.log(myArrStr);
// "["shark","fish","dolphin"]"
console.log(JSON.parse(myArrStr));
// ["shark","fish","dolphin"]
JSON.parse()
JSON.parse() dapat mengambil fungsi sebagai argumen kedua yang dapat mengubah nilai objek sebelum mengembalikannya. Di sini, nilai-nilai objek diubah menjadi huruf besar dalam objek yang dikembalikan dari metode parse:
const user = {
name: 'Sammy',
email: '',
plan: 'Pro'
};
const userStr = JSON.stringify(user);
JSON.parse(userStr, (key, value) => {
if (typeof value === 'string') {
return value.toUpperCase();
}
return value;
});
Catatan: Koma di akhir tidak valid di JSON, jadi JSON.parse() menghasilkan pesan kesalahan jika string yang diberikan padanya memiliki koma di akhir.
JSON.stringify()
JSON.stringify() dapat mengambil dua argumen tambahan,
yang pertama menjadi fungsi replacer dan yang kedua menjadi nilai String atau Number yang digunakan sebagai space dalam string yang dikembalikan.
Fungsi replacer dapat digunakan untuk menyaring nilai, karena nilai yang dikembalikan sebagai undefined akan dikeluarkan dari string yang dikembalikan:
const user = {
id: 229,
name: 'Sammy',
email: ''
};
function replacer(key, value) {
console.log(typeof value);
if (key === 'email') {
return undefined;
}
return value;
}
const userStr = JSON.stringify(user, replacer);
// "{"id":229,"name":"Sammy"}"
Contoh dengan argumen space yang disalurkan:
const user = {
name: 'Sammy',
email: '',
plan: 'Pro'
};
const userStr = JSON.stringify(user, null, '...');
// "{
// ..."name": "Sammy",
// ..."email": "",
// ..."plan": "Pro"
// }"
Kesimpulan
Dalam tutorial ini, Anda telah mendalami cara menggunakan metode JSON.parse() dan JSON.stringify(). Jika Anda
ingin mempelajari lebih lanjut tentang menggunakan JSON di Javascript, lihat tutorial Cara Menggunakan JSON di JavaScript dari kami.
Untuk informasi lebih lanjut tentang pengodean di JavaScript, lihat seri Cara Melakukan Pengodean di JavaScript dari kami, atau lihat halaman topik JavaScript kami untuk latihan dan proyek pemrograman.
JSON parse buat apa?
JSON.parse() dapat mengambil fungsi sebagai argumen kedua
yang dapat mengubah nilai objek sebelum mengembalikannya.
Apa itu Stringify?
Method JSON.stringify() digunakan untuk mengubah objek javascript menjadi string JSON. Objek tersebut dapat berupa array maupun objek. Fungsi ini umumnya digunakan pada AJAX, yaitu ketika data akan dikiriman ke halaman lain untuk diolah lebih lanjut.
Apa yang dimaksud dengan JSON?
Jadi, JSON adalah singkatan
dari JavaScript Object Notation merupakan suatu format yang digunakan untuk menyimpan, membaca, serta menukar informasi dari web server sehingga dapat dibaca oleh para pengguna.
