محول مجاني

عارض شجرة JSON

عرض وتنسيق واستكشاف بيانات JSON في شجرة تفاعلية قابلة للطي. مجاني وآمن وبدون رفع ملفات.

اسحب وأفلت ملف JSON هنا

أو الصق نص JSON أدناه

أو

حول هذه الأداة

تعرض عارضات شجرة JSON بيانات JSON كشجرة هرمية قابلة للملاحة بدلاً من النص العادي. يصبح كل كائن فرعًا قابلاً للطي؛ تظهر المصفوفات عناصرها بشكل فردي؛ تظهر القيم البدائية كأوراق. يُسهل العرض الهيكلي العثور على حقول محددة في البيانات المتداخلة بعمق، وانهيار الأشجار الفرعية غير ذات الصلة، والتنقل في مستندات JSON الكبيرة التي قد لا يمكن إدارتها كنص مسطح.

بالمقارنة مع نص JSON المنسق، تتفوق طرق عرض الشجرة في التنقل في البيانات الكبيرة. من غير العملي تمرير استجابة واجهة برمجة التطبيقات (API) بحجم 10 ميجابايت كنص ولكنها قابلة للتتبع كشجرة حيث يمكنك طي مفاتيح المستوى الأعلى التي لا تهتم بها وتوسيع الأجزاء محل الاهتمام فقط.

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

لماذا نستخدم عارض شجرة JSON

من الصعب التنقل بين البيانات المتداخلة بشكل عميق كنص. غالبًا ما تحتوي ملفات التكوين واستجابات واجهة برمجة التطبيقات (API) والحالة التسلسلية على أكثر من 5 مستويات من التداخل. يتيح لك العرض الشجري طي المستويات غير ذات الصلة والتركيز على ما يهم؛ تتطلب طرق عرض النص التمرير الدقيق وحساب الأقواس.

تعد إمكانيات البحث والتصفية مهمة أيضًا. يعد العثور على جميع المفاتيح المسماة "user_id" عبر مستند معقد أمرًا سريعًا باستخدام عارض مدرك للبحث؛ من المستحيل القيام به بشكل موثوق مع نص عادي.

كيفية الاستخدام

الصق JSON، وانتقل إلى الشجرة.

  1. الصق ملف JSON الخاص بك: قم بإسقاط JSON في منطقة الإدخال. يقوم العارض بتحليل الشجرة المنظمة وعرضها.
  2. توسيع والانهيار: انقر فوق الفروع لتوسيعها أو طيها. مفيد للتركيز على أشجار فرعية محددة من البيانات الكبيرة.
  3. بحث: التصفية حسب المفتاح أو القيمة. تبقى الفروع المطابقة مرئية؛ غير المطابقة مخفية.
  4. فحص قيم محددة: انقر على ورقة لرؤية قيمتها الكاملة (مفيدة للسلاسل الطويلة) وانسخ المسار (على سبيل المثال، users.0.profile.email) لاستخدامه في التعليمات البرمجية.

حالات الاستخدام الشائعة

التفاصيل الفنية

يستخدم تحليل JSON JSON.parse، والذي يفشل عند إدخال غير صالح مع وجود خطأ تحليلي يشير إلى موقع المشكلة. يتم عرض JSON الصالح في كائن JavaScript الذي يسيره المشاهد بشكل متكرر لإنتاج الشجرة.

التقديم: كل مستوى من التداخل يصبح فرعًا بمسافة بادئة. مفاتيح الكائنات عبارة عن تسميات؛ يتم عرض القيم بناءً على النوع - سلاسل بين علامتي اقتباس، وأرقام بدونها، والقيم المنطقية كصحيح/خطأ، وخالية بشكل صريح، والكائنات والمصفوفات كفروع قابلة للطي.

الأداء: يمكن أن يؤدي حجم JSON الكبير جدًا (10 ميجابايت+) إلى إبطاء عملية العرض. يساعد التوسع البطيء (عرض الفروع المرئية حاليًا فقط). قد يستغرق البحث عبر المستندات الكبيرة وقتًا ملحوظًا؛ تساعد فهرسة الشجرة في التحليل الأول.

أفضل الممارسات

الأسئلة الشائعة

إلى أي مدى يمكن أن تصل شجرة JSON؟
لا يوجد حد للعمق الاصطناعي. تعرض الأداة الأشجار بعمق يصل إلى بنية JSON الخاصة بك. ومع ذلك، قد يؤدي التداخل العميق للغاية (أكثر من 100 مستوى) إلى إبطاء العرض في المتصفح.
هل يمكنني البحث داخل شجرة JSON؟
استخدم Ctrl/Cmd+F للبحث عن المفاتيح أو القيم. سيتم تمييز العقد المطابقة وتوسيع العقد الأصلية الخاصة بها تلقائيًا لإظهار المسار.
ما هو تنسيق مسار JSON المستخدم؟
تستخدم الأداة تدوين نقطة JSONPath ($.key.nested.array[0].value). هذا التنسيق متوافق مع الوصول إلى خاصية JavaScript ومعظم مكتبات JSONPath.
هل يمكنني تعديل القيم في الشجرة؟
هذا عارض للقراءة فقط للاستكشاف. لتحرير JSON، استخدم أداة JSON Formatter الخاصة بنا والتي توفر واجهة قابلة للتحرير مع التحقق من الصحة.
هل تم تحميل بياناتي؟
لا، يتم إجراء التحليل والعرض في متصفحك.
كيف يمكنني تصدير جزء من الشجرة؟
يقدم معظم المشاهدين نسخة بتنسيق JSON لفروع محددة. القيمة المصدرة هي نفس البنية مع المفاتيح المحددة فقط.
لماذا الشجرة بطيئة مع البيانات الكبيرة؟
يعد عرض DOM للعديد من العقد أمرًا مكلفًا. يساعد التوسع البطيء (عرض الفروع المرئية فقط) ؛ بالنسبة للبيانات الكبيرة جدًا، تكون الأدوات المخصصة (jq، code) أكثر كفاءة.
هل يمكنني عرض JSON من عنوان URL؟
يقوم بعض المشاهدين بجلب عناوين URL مباشرةً. البعض الآخر يتطلب لصق. قد تمنع CORS الجلب عبر الأصل من بعض عناوين URL.