الدرس الرابع والعشرون: JSON والتعامل مع البيانات في JavaScript

 في هذا الدرس سنتعرف على JSON، وهي الطريقة الشائعة لتبادل البيانات بين الخادم والمتصفح أو بين أجزاء البرنامج.

---

1. ما هو JSON؟

(JSON = JavaScript Object Notation)**

هو تنسيق خفيف الوزن يستخدم لتمثيل البيانات على شكل نصوص (Strings).

مثال على JSON:

{
  "name": "Noor",
  "age": 25,
  "isStudent": true
}

يشبه الكائنات في JavaScript لكنه عبارة عن سلسلة نصية!

---

2. تحويل JSON إلى كائن JavaScript باستخدام JSON.parse()

let jsonString = '{"name":"Noor","age":25,"isStudent":true}';
let user = JSON.parse(jsonString);

console.log(user.name);  // Noor
console.log(user.age);   // 25

---

3. تحويل كائن JavaScript إلى JSON باستخدام JSON.stringify()

let user = {
  name: "Noor",
  age: 25,
  isStudent: true
};

let json = JSON.stringify(user);
console.log(json);
// النتيجة: {"name":"Noor","age":25,"isStudent":true}

---

4. استخدام JSON في تخزين البيانات محليًا (LocalStorage)

let product = {
  title: "Laptop",
  price: 1200
};

// تخزين
localStorage.setItem("product", JSON.stringify(product));

// قراءة
let storedProduct = JSON.parse(localStorage.getItem("product"));
console.log(storedProduct.title);  // Laptop

---

✅ ملخص الدرس:

الوظيفة	الاستخدام
JSON.parse(string)	لتحويل JSON إلى كائن JavaScript
JSON.stringify(obj)	لتحويل كائن إلى نص JSON
localStorage	لتخزين واسترجاع البيانات النصية في المتصفح