JSON untuk Biggner

Apakah JSON?

• JSON bermaksud Notasi Objek JavaScript. Ia ialah format data ringan yang digunakan untuk menyimpan dan bertukar maklumat antara sistem, terutamanya dalam aplikasi web.

• Fikirkan JSON sebagai cara untuk menulis dan menyusun data dalam format yang jelas dan berstruktur.

Mengapa JSON?

1. Boleh dibaca manusia: Mudah difahami dan ditulis.
2. Bebas bahasa: Digunakan dalam banyak bahasa pengaturcaraan (bukan hanya JavaScript).
3. Populer dalam API: Data yang dihantar antara pelayan dan pelanggan (cth., tapak web dan pangkalan data) selalunya dalam format JSON.

Apakah Rupa JSON?

{
  "name": "Alice",
  "age": 25,
  "isStudent": false,
  "skills": ["JavaScript", "Python", "HTML"],
  "address": {
    "street": "123 Main St",
    "city": "Wonderland"
  }
}

Bagaimana untuk Membaca Contoh JSON Ini?

1. Kurung Kerinting {}: Mewakili objek atau koleksi data.
2. Pasangan Nilai-Kekunci: Setiap keping data mempunyai "kunci" (nama data) dan "nilai" (data sebenar). "name": "Alice": Kunci ialah nama dan nilainya ialah "Alice".
3. Jenis Data dalam JSON: Rentetan: Teks yang disertakan dalam petikan berganda ("Alice"). Nombor: 25, 3.14. Boolean: benar, salah. Tatasusunan: Senarai nilai (["JavaScript", "Python", "HTML"]). Objek: Data bersarang, seperti bahagian "alamat".

JSON dalam Tindakan

Bayangkan tapak web menunjukkan profil pengguna. Pelayan menghantar data pengguna ke penyemak imbas dalam format JSON:

{
  "users": [
    {
      "id": 1,
      "name": "John",
      "email": "john@example.com"
    },
    {
      "id": 2,
      "name": "Jane",
      "email": "jane@example.com"
    }
  ]
}

Mengapa Menggunakan JSON Daripada Sesuatu yang Lain?

1. Struktur Mudah: Mudah untuk manusia menulis dan untuk mesin menghuraikan.
2. Kompak: Mengambil lebih sedikit ruang berbanding format lain seperti XML.
3. Integrasi dengan JavaScript: JSON berfungsi dengan lancar dengan JavaScript.

Bagaimana untuk Bekerja dengan JSON dalam Kod?

Contoh dalam JavaScript:

// JSON data as a string
const jsonData = '{"name": "Alice", "age": 25}';

// Parse JSON into an object
const user = JSON.parse(jsonData);

console.log(user.name); // Output: Alice

// Convert object to JSON
const newJson = JSON.stringify(user);
console.log(newJson); // Output: {"name":"Alice","age":25}

Contoh: PHP Array ke JSON:

<?php
$data = [
    "name" => "Alice",
    "age" => 25,
    "isStudent" => false,
    "skills" => ["PHP", "JavaScript", "HTML"],
    "address" => [
        "street" => "123 Main St",
        "city" => "Wonderland"
    ]
];

// Convert PHP array to JSON
$jsonData = json_encode($data, JSON_PRETTY_PRINT);

echo $jsonData;
?>

Contoh: JSON ke Objek PHP:

<?php
$jsonData = '{
    "name": "Alice",
    "age": 25,
    "isStudent": false,
    "skills": ["PHP", "JavaScript", "HTML"],
    "address": {
        "street": "123 Main St",
        "city": "Wonderland"
    }
}';

// Convert JSON to PHP object
$phpObject = json_decode($jsonData);

echo $phpObject->name; // Output: Alice
echo $phpObject->address->city; // Output: Wonderland
?>

Contoh: JSON ke PHP Array:

<?php
// Decode JSON to PHP array
$phpArray = json_decode($jsonData, true);

echo $phpArray['name']; // Output: Alice
echo $phpArray['address']['city']; // Output: Wonderland
?>

Main Round Api untuk Memahami Json

DummyAis

Atas ialah kandungan terperinci JSON untuk Biggner. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!