Bagaimana untuk menghuraikan data JSON menggunakan JavaScript?

Bagaimana untuk menghuraikan data JSON menggunakan JavaScript?

Dengan pembangunan dan pempopularan aplikasi rangkaian, format penghantaran data menjadi lebih pelbagai, antaranya JSON (JavaScript Object Notation) telah menjadi format data biasa. Dalam JavaScript, kita boleh menggunakan objek JSON terbina dalam untuk menghuraikan dan memanipulasi data JSON. Artikel ini menerangkan cara menggunakan JavaScript untuk menghuraikan data JSON dan menyediakan contoh kod khusus.

1. Struktur asas JSON

JSON ialah format pertukaran data ringan yang terdiri daripada pasangan nilai kunci yang dikelilingi oleh kurungan kerinting {}. Gunakan koma untuk memisahkan pasangan nilai kunci. Kunci mestilah rentetan dan nilai boleh rentetan, nombor, boolean, tatasusunan, objek atau nol. Gunakan titik bertindih : untuk memisahkan kunci dan nilai.

Sebagai contoh, berikut ialah contoh objek JSON:

{
  "name": "John",
  "age": 30,
  "isStudent": false,
  "hobbies": ["coding", "reading", "travelling"],
  "address": {
    "street": "123 ABC Street",
    "city": "New York"
  },
  "isNull": null
}

2. Gunakan kaedah JSON.parse() untuk menghuraikan data JSON

Dalam JavaScript, kita boleh menggunakan kaedah JSON.parse() untuk menghuraikan JSON rentetan ke dalam objek JavaScript. Kaedah JSON.parse() mengambil satu hujah, rentetan JSON untuk dihuraikan dan mengembalikan objek JavaScript yang dihuraikan.

Berikut ialah kod sampel yang menggunakan kaedah JSON.parse() untuk menghuraikan data JSON:

const jsonString = '{"name":"John","age":30,"isStudent":false}';
const data = JSON.parse(jsonString);

console.log(data.name); // 输出: John
console.log(data.age); // 输出: 30
console.log(data.isStudent); // 输出: false

3. Gunakan kaedah JSON.stringify() untuk menukar objek JavaScript kepada rentetan JSON

Selain menghuraikan data JSON , anda juga boleh menggunakan JSON Kaedah .stringify() menukar objek JavaScript kepada rentetan JSON. Kaedah JSON.stringify() mengambil satu hujah, objek JavaScript untuk ditukar dan mengembalikan rentetan JSON yang ditukar.

Berikut ialah contoh kod yang menggunakan kaedah JSON.stringify() untuk menukar objek JavaScript kepada rentetan JSON:

const data = {
  name: "John",
  age: 30,
  isStudent: false
};

const jsonString = JSON.stringify(data);
console.log(jsonString); // 输出: {"name":"John","age":30,"isStudent":false}

4. Memanipulasi tatasusunan dan objek bersarang dalam objek JSON

Dalam objek JSON, anda boleh mengandungi tatasusunan dan objek Bersarang. Dalam JavaScript, elemen dalam tatasusunan dan objek boleh diakses oleh indeks atau kunci.

Berikut ialah kod sampel untuk mengendalikan tatasusunan dan objek bersarang dalam objek JSON:

const jsonString = '{"name":"John","age":30,"isStudent":false,"hobbies":["coding","reading","travelling"],"address":{"street":"123 ABC Street","city":"New York"}}';
const data = JSON.parse(jsonString);

console.log(data.hobbies[0]); // 输出: coding
console.log(data.address.city); // 输出: New York

Ringkasan:

Menggunakan JavaScript untuk menghuraikan data JSON boleh menukar rentetan JSON kepada objek JavaScript dengan mudah, yang memudahkan kami memproses dan mengendalikan data . Dengan contoh kod mudah, kita boleh melihat cara menghuraikan data JSON menggunakan kaedah JSON.parse() dan cara menukar objek JavaScript kepada rentetan JSON menggunakan kaedah JSON.stringify(). Kami juga mempelajari cara memanipulasi tatasusunan dan objek bersarang dalam objek JSON. Selepas menguasai pengetahuan ini, kami boleh memproses dan menggunakan data JSON dengan lebih fleksibel, memberikan kemudahan kepada aplikasi kami.

Atas ialah kandungan terperinci Bagaimana untuk menghuraikan data JSON menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!