لماذا تجعل عرض الشجرة فهم JSON أسهل
JSON الخام — حتى المُنسَّق جيداً — قد يصعب التنقل فيه حين يحتوي على عشرات المفاتيح أو مستويات تداخل متعددة. يحل عرض الشجرة هذا بعرض كل كائن ومصفوفة كعقدة قابلة للطي. تبدأ مع المفاتيح ذات المستوى الأعلى فحسب مرئية وتوسّع الفروع التي تهمك فقط.
يجعل تنسيق الشجرة تسلسل هرمية مستند JSON واضحاً فوراً. يمكنك رؤية دفعةً واحدة مدى عمق التداخل، وهل القيمة بدائية أم حاوية، وكم طفلاً لكل حاوية. هذا التمثيل المكاني أسرع بكثير في المسح من قراءة النص الخام.
عروض الشجرة لا تقدر بثمن أثناء التطوير: حين تتلقى استجابة JSON من واجهة API طرف ثالث، يتيح لك عرض الشجرة رسم خريطة سريعة لشكل البيانات قبل كتابة كود لاستهلاكها.
ميزات التنقل والبحث
توسيع العقد وطيّها: انقر على أي عقدة كائن أو مصفوفة لتبديلها بين مفتوحة ومغلقة. النقر المزدوج يوسّع جميع الأبناء بشكل متكرر. يعيد زر "طي الكل" العرض ليُظهر المستوى الجذري فقط.
نسخ المسار: النقر على قيمة يُبرز مسارها الكامل بالنقطة (مثلاً user.address.street) وينسخه إلى الحافظة. يُفيد هذا بشكل خاص عند كتابة كود يحتاج للوصول إلى حقل بعينه.
البحث: يُصفّي شريط البحث العقد المرئية في الوقت الفعلي، مُبرزاً جميع المفاتيح والقيم المطابقة لمصطلح البحث. تبقى العقد المطابقة مرئية وتتوسع أسلافها تلقائياً.
العمل مع JSON الكبير والمعقد
للمستندات JSON الكبيرة جداً (آلاف العقد)، يُصيَّر عرض الشجرة بشكل كسول — يعرض فقط العقد في منطقة العرض المرئية ويُصيّر المزيد أثناء التمرير. هذا يُبقي واجهة المستخدم مستجيبة حتى لملفات JSON بحجم ميغابايتات متعددة.
تُقطَع قيم السلاسل الطويلة في الشجرة لإبقاء كل صف مقروءاً؛ النقر على القيمة المقطوعة يوسّعها في مكانها. المصفوفات التي تتجاوز عدداً قابلاً للضبط من العناصر تُظهر زر "تحميل المزيد".
المراجع الدائرية — غير الصحيحة في JSON لكنها قد تظهر عند لصق تمثيلات كائنات JavaScript — تُكتشف وتُعلَّم بعلامة ⚠ بدلاً من التسبب في تكرار لانهائي.