JSON مقابل XML: أيهما أفضل لمشروعك؟

# JSON مقابل XML

مقارنة شاملة بين تنسيقي تبادل البيانات الأكثر شيوعاً.

نظرة عامة

JSON (JavaScript Object Notation)

{
  "user": {
    "name": "أحمد محمد",
    "age": 30,
    "email": "ahmad@example.com"
  }
}

الميزات:

• 🚀 خفيف الوزن
• 📖 سهل القراءة
• ⚡ سريع التحليل
• 🌐 مدعوم في JavaScript

XML (eXtensible Markup Language)

<?xml version="1.0" encoding="UTF-8"?>
<user>
  <name>أحمد محمد</name>
  <age>30</age>
  <email>ahmad@example.com</email>
</user>

الميزات:

• 📝 قابل للتوسيع
• 🏷️ يدعم السمات
• ✅ التحقق من الصحة الصارم
• 📚 توثيق ذاتي

المقارنة التفصيلية

1. البنية (Syntax)

JSON - بسيط:

{
  "book": {
    "title": "البرمجة بلغة Python",
    "author": "أحمد محمد",
    "year": 2026,
    "pages": 350
  }
}

XML - مطوّل:

<book>
  <title>البرمجة بلغة Python</title>
  <author>أحمد محمد</author>
  <year>2026</year>
  <pages>350</pages>
</book>

النتيجة: JSON أقصر بنسبة ~30%

2. أنواع البيانات

JSON:

{
  "string": "نص",
  "number": 42,
  "boolean": true,
  "null": null,
  "array": [1, 2, 3],
  "object": {"key": "value"}
}

XML:

<data>
  <string>نص</string>
  <number>42</number>
  <boolean>true</boolean>
  <null></null>
  <array>
    <item>1</item>
    <item>2</item>
    <item>3</item>
  </array>
</data>

| الميزة | JSON | XML |

|--------|------|-----|

| أنواع أصلية | نعم | لا (كل شيء نص) |

| مصفوفات | دعم أصلي | يتطلب بنية خاصة |

| قيمة فارغة | null | عنصر فارغ |

3. السمات (Attributes)

JSON - لا يدعم السمات:

{
  "book": {
    "id": "book-123",
    "title": "البرمجة",
    "language": "ar"
  }
}

XML - يدعم السمات:

<book id="book-123" language="ar">
  <title>البرمجة</title>
</book>

4. المصفوفات

JSON:

{
  "users": [
    {"name": "أحمد", "age": 30},
    {"name": "فاطمة", "age": 25},
    {"name": "محمد", "age": 35}
  ]
}

XML:

<users>
  <user>
    <name>أحمد</name>
    <age>30</age>
  </user>
  <user>
    <name>فاطمة</name>
    <age>25</age>
  </user>
  <user>
    <name>محمد</name>
    <age>35</age>
  </user>
</users>

5. البيانات الوصفية

JSON:

{
  "_metadata": {
    "version": "1.0",
    "timestamp": "2026-01-16"
  },
  "data": {
    "name": "أحمد"
  }
}

XML:

<?xml version="1.0" encoding="UTF-8"?>
<root xmlns:meta="http://example.com/metadata">
  <meta:version>1.0</meta:version>
  <meta:timestamp>2026-01-16</meta:timestamp>
  <data>
    <name>أحمد</name>
  </data>
</root>

الأداء

سرعة التحليل

// قياس JSON
console.time('JSON Parse');
const jsonData = JSON.parse(jsonString);
console.timeEnd('JSON Parse');
// النتيجة: ~1ms

// قياس XML
console.time('XML Parse');
const parser = new DOMParser();
const xmlData = parser.parseFromString(xmlString, 'text/xml');
console.timeEnd('XML Parse');
// النتيجة: ~15ms

النتيجة: JSON أسرع بـ 10-15 مرة

حجم الملف

نفس البيانات: JSON (250 بايت):

{"users":[{"id":1,"name":"أحمد","email":"a@ex.com"},{"id":2,"name":"فاطمة","email":"f@ex.com"}]}

XML (380 بايت):

<users><user><id>1</id><name>أحمد</name><email>a@ex.com</email></user><user><id>2</id><name>فاطمة</name><email>f@ex.com</email></user></users>

النتيجة: XML أكبر بنسبة ~50%

استخدام الذاكرة

| العملية | JSON | XML |

|---------|------|-----|

| التحليل | منخفض | متوسط-عالي |

| التخزين | منخفض | عالي |

| المعالجة | سريع | أبطأ |

سهولة الاستخدام

القراءة للبشر

JSON:

• ✅ بنية واضحة
• ✅ أقل ضجيج
• ✅ سهل المسح

XML:

• ⚠️ وسوم افتتاح/إغلاق
• ⚠️ أكثر تفصيلاً
• ⚠️ يحتاج تركيز أكبر

البرمجة

JavaScript - JSON:

const data = JSON.parse(jsonString);
console.log(data.user.name); // مباشر

JavaScript - XML:

const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
const name = xmlDoc.getElementsByTagName('name')[0].textContent;
// أكثر تعقيداً

حالات الاستخدام

متى تستخدم JSON

✅ مثالي لـ:

• واجهات برمجة التطبيقات RESTful
• تطبيقات الويب الحديثة
• تطبيقات الهاتف المحمول
• ملفات التكوين
• تبادل البيانات البسيط

مثال - استجابة API:

{
  "status": "success",
  "data": {
    "users": [
      {"id": 1, "name": "أحمد"}
    ]
  },
  "pagination": {
    "page": 1,
    "total": 50
  }
}

متى تستخدم XML

✅ مثالي لـ:

• المستندات المعقدة
• أنظمة قديمة (Legacy)
• SOAP Web Services
• ملفات التكوين المعقدة
• عندما تحتاج سمات

مثال - مستند معقد:

<document version="1.0" lang="ar">
  <metadata>
    <author>أحمد محمد</author>
    <created>2026-01-16</created>
  </metadata>
  <content>
    <section id="intro">
      <title>مقدمة</title>
      <paragraph>هذا نص...</paragraph>
    </section>
  </content>
</document>

الميزات المتقدمة

JSON

JSON Schema:

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "type": "object",
  "properties": {
    "name": {"type": "string"},
    "age": {"type": "number"}
  },
  "required": ["name"]
}

XML

XML Schema (XSD):

<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema">
  <xs:element name="user">
    <xs:complexType>
      <xs:sequence>
        <xs:element name="name" type="xs:string"/>
        <xs:element name="age" type="xs:integer"/>
      </xs:sequence>
    </xs:complexType>
  </xs:element>
</xs:schema>

XSLT (التحويل):

<xsl:stylesheet version="1.0">
  <xsl:template match="/">
    <!-- تحويل XML -->
  </xsl:template>
</xsl:stylesheet>

الدعم في اللغات

JSON

JavaScript:

JSON.parse() / JSON.stringify()

Python:

import json
json.loads() / json.dumps()

Java:

Gson, Jackson, org.json

XML

JavaScript:

DOMParser, XMLSerializer

Python:

import xml.etree.ElementTree
xml.dom, lxml

Java:

DOM, SAX, JAXB

الأمان

JSON

الثغرات:

• حقن JSON
• استغلال JSON.parse()

الحماية:

// التحقق قبل التحليل
try {
  const data = JSON.parse(userInput);
  // التحقق من البنية
} catch (e) {
  // معالجة الخطأ
}

XML

الثغرات:

• XXE (XML External Entity)
• حقن XML
• Billion Laughs Attack

الحماية:

// تعطيل الكيانات الخارجية
const parser = new DOMParser();
parser.setFeature('http://xml.org/sax/features/external-general-entities', false);

التحويل

XML إلى JSON

قبل (XML):

<user>
  <name>أحمد</name>
  <age>30</age>
</user>

بعد (JSON):

{
  "user": {
    "name": "أحمد",
    "age": 30
  }
}

أدوات التحويل:

// استخدام مكتبة
const convert = require('xml-js');
const json = convert.xml2json(xmlString, {compact: true});

JSON إلى XML

const json2xml = require('json2xml');
const xml = json2xml(jsonData);

جدول المقارنة الكامل

| الميزة | JSON | XML |

|--------|------|-----|

| سهولة القراءة | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |

| حجم الملف | ⭐⭐⭐⭐⭐ | ⭐⭐ |

| سرعة التحليل | ⭐⭐⭐⭐⭐ | ⭐⭐ |

| دعم أنواع البيانات | ⭐⭐⭐⭐ | ⭐⭐ |

| السمات | ❌ | ✅ |

| التعليقات | ❌ | ✅ |

| مساحات الأسماء | ❌ | ✅ |

| التحقق من الصحة | JSON Schema | XSD, DTD |

| دعم AJAX | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |

| مناسب للوثائق | ⭐⭐ | ⭐⭐⭐⭐⭐ |

| دعم المتصفحات | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |

التوصيات

استخدم JSON عندما:

✅ تحتاج أداء عالي

✅ تعمل مع JavaScript

✅ تبني API حديث

✅ البيانات بسيطة ومباشرة

✅ الحجم مهم

استخدم XML عندما:

✅ تحتاج سمات معقدة

✅ تتعامل مع أنظمة قديمة

✅ تحتاج تحويل XSLT

✅ البيانات معقدة جداً

✅ تحتاج توثيق ذاتي شامل

أمثلة من العالم الحقيقي

JSON في APIs

Twitter API:

{
  "created_at": "2026-01-16T10:00:00Z",
  "id": 123456789,
  "text": "مرحباً بالعالم!",
  "user": {
    "name": "أحمد محمد",
    "followers_count": 1000
  }
}

XML في التكوين

Maven pom.xml:

<project>
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.example</groupId>
  <artifactId>my-app</artifactId>
  <version>1.0</version>
  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
    </dependency>
  </dependencies>
</project>

الخلاصة

النقاط الرئيسية

JSON:

• 🚀 أسرع وأخف
• 📱 مثالي للتطبيقات الحديثة
• 🌐 الخيار الأول لـ REST APIs
• ⚡ سهل التحليل والاستخدام

XML:

• 📚 أكثر قوة ومرونة
• 🏢 مناسب للأنظمة المؤسسية
• 📝 مثالي للمستندات المعقدة
• ✅ تحقق صارم من الصحة

الاختيار:

• للمشاريع الجديدة: JSON (في معظم الحالات)
• للأنظمة القديمة: XML (عند الضرورة)
• للبيانات البسيطة: JSON
• للمستندات المعقدة: XML

في النهاية، الخيار يعتمد على متطلبات مشروعك المحددة!