كيفية عرض JSON بشكل جميل مع مسافات بادئة في JavaScript؟

مرحباً بالجميع! لقد بدأت للتو في تعلم JavaScript وواجهت مشكلة. أحصل على بيانات من API بتنسيق JSON، ولكن عندما أحاول عرضها في الكونسول أو على الصفحة، يظهر كل شيء كسطر واحد طويل بدون مسافات أو فواصل أسطر. هذا غير مريح جداً لتصحيح الأخطاء وتحليل البيانات. على سبيل المثال، لدي هذا الكائن: ```javascript const user = { name: "إيفان", age: 30, address: { city: "موسكو", street: "لينينا", house: 10 }, hobbies: ["برمجة", "قراءة", "رياضة"] }; ``` عندما أفعل `console.log(user)`، يعرضه المتصفح كشجرة، وهذا مقبول. لكن إذا حاولت إرسال هذا الكائن عبر `JSON.stringify()` وعرضه على الصفحة كنص، أحصل على: ```text {"name":"إيفان","age":30,"address":{"city":"موسكو","street":"لينينا","house":10},"hobbies":["برمجة","قراءة","رياضة"]} ``` غير قابل للقراءة تماماً! خاصة عندما تكون البيانات كثيرة. أعلم أن هناك طريقة لعمل تنسيق جميل.