Format Data Biasa dalam JavaScript: Panduan Komprehensif Dengan Contoh

Dalam JavaScript, beberapa format data biasanya digunakan untuk menstruktur dan bertukar data. Format ini membantu memastikan data diwakili dalam cara yang standard, menjadikannya mudah untuk digunakan dan dihantar antara sistem, API atau aplikasi yang berbeza.

Berikut ialah format data yang paling biasa dalam JavaScript:

1. JSON (Notasi Objek JavaScript)

JSON ialah format data yang paling banyak digunakan untuk menghantar dan menerima data dalam aplikasi web, terutamanya apabila berkomunikasi dengan API.

Struktur: JSON ialah format berasaskan teks yang ringan yang mewakili data sebagai pasangan nilai kunci. Ia boleh mewakili objek, tatasusunan, rentetan, nombor, boolean dan nol.
Penggunaan: JSON biasanya digunakan untuk pertukaran data antara pelanggan (cth., pelayar web) dan pelayan.
Contoh:

{
  "name": "John",
  "age": 30,
  "isStudent": false,
  "courses": ["Math", "Science"]
}

Bekerja dengan JSON dalam JavaScript:
Menghuraikan JSON: Tukar rentetan JSON kepada objek JavaScript menggunakan JSON.parse().

let jsonString = '{"name": "John", "age": 30}';
let parsedData = JSON.parse(jsonString);
console.log(parsedData.name);  // Output: John

Menerapkan JSON: Tukar objek JavaScript kepada rentetan JSON menggunakan JSON.stringify().

let obj = { name: "John", age: 30 };
let jsonString = JSON.stringify(obj);
console.log(jsonString);  // Output: '{"name":"John","age":30}'

2. XML (Bahasa Penanda Boleh Diperpanjang)
XML ialah satu lagi format data biasa yang digunakan untuk penyimpanan dan pertukaran data, terutamanya dalam sistem warisan dan beberapa API.

Struktur: XML menggunakan struktur hierarki dengan teg bersarang. Setiap teg boleh mengandungi teks atau teg lain dan atribut boleh digunakan untuk metadata tambahan.
Penggunaan: XML lebih popular sebelum JSON menjadi format pilihan. Ia masih digunakan dalam beberapa API lama dan format data (cth., suapan RSS).
Contoh:

<person>
  <name>John</name>
  <age>30</age>
  <isstudent>false</isstudent>
  <courses>
    <course>Math</course>
    <course>Science</course>
  </courses>
</person>

Bekerja dengan XML dalam JavaScript:
Anda boleh menghuraikan data XML dalam JavaScript menggunakan objek DOMParser.

let xmlString = `<person><name>John</name><age>30</age></person>`;
let parser = new DOMParser();
let xmlDoc = parser.parseFromString(xmlString, "text/xml");

let name = xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
console.log(name);  // Output: John

3. CSV (Nilai Dipisahkan Koma)
CSV ialah format teks ringkas yang digunakan untuk mewakili data jadual, di mana setiap baris mewakili rekod dan setiap lajur dipisahkan dengan koma.

Struktur: Setiap baris CSV mewakili satu baris data dan nilai dalam setiap baris dipisahkan dengan koma. Fail CSV biasanya tidak menyokong data bersarang seperti JSON atau XML.
Penggunaan: CSV biasanya digunakan untuk mengeksport dan mengimport data, terutamanya untuk hamparan, pangkalan data atau storan data berasaskan teks ringkas.
Contoh:

name,age,isStudent
John,30,false
Alice,25,true

Bekerja dengan CSV dalam JavaScript:
Anda boleh menghuraikan data CSV secara manual atau menggunakan perpustakaan seperti PapaParse untuk kes penggunaan yang lebih kompleks.

let csvData = "name,age,isStudent\nJohn,30,false\nAlice,25,true";
let rows = csvData.split("\n").map(row => row.split(","));
console.log(rows);  // Output: [["name", "age", "isStudent"], ["John", "30", "false"], ["Alice", "25", "true"]]

Baca artikel selebihnya di sini:
https://medium.com/@CodingAdventure/common-data-formats-in-javascript-a-comprehensive-guide-with-examples-3b5546ce0517

Atas ialah kandungan terperinci Format Data Biasa dalam JavaScript: Panduan Komprehensif Dengan Contoh. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!