מעצב JSON
הדבק מחרוזת JSON כדי לבדוק אם היא תקינה, לצפות בה בעיצוב קריא ולקבל מדדי מבנה בסיסיים.
כיצד להשתמש במעצב ה-JSON הזה
- 1 הדבק JSON בשדה הקלט של ה-JSON
הדבק או הקלד את מחרוזת ה-JSON שלך בשדה הקלט של ה-JSON.
- 2 בדוק תקינות
תוצאת הסטטוס מציינת אם הקלט הוא JSON תקין או מציגה שגיאת ניתוח.
- 3 קרא את הפלט המעוצב
JSON תקין מודפס בצורה קריאה עם הזחה של 2 רווחים בסעיף הפלט המעוצב.
- 4 סקור מדדי מבנה
השתמש ב-"סה\"כ מפתחות" ו-"עומק קינון מקסימלי" כדי להבין את מבנה המסמך.
איך מעצב ה-JSON הזה עובד
כלי זה משתמש ב-JSON.parse המובנה בדפדפן כדי לאמת את הקלט וב-JSON.stringify עם הזחה כדי להפיק פלט מעוצב וקריא. הוא גם סורק את המבנה המנותח כדי לספור את סך המפתחות ולמדוד את עומק הקינון המקסימלי.
JSON.parse(input) → JSON.stringify(parsed, null, 2) קלט: {"name":"test","value":42} ← מעוצב עם הזחה של 2 רווחים, 2 מפתחות, עומק 1.
קלט {"a":1,"b":[2,3],"c":{"d":4}} ← 4 מפתחות, עומק 2. האובייקט המקונן c מוסיף רמת עומק אחת.
קלט לא תקין {"key": undefined} נכשל באימות — ב-JSON אין undefined; השתמש ב-null או השמט את המפתח.
- ✓ הקלט חייב להיות JSON תקין (לא אובייקטים של JavaScript או פסיקים מיותרים בסוף).
- ✓ קלטים גדולים עלולים להשפיע על ביצועי הדפדפן.
- כלי זה פועל כולו בדפדפן שלך. שום נתון לא נשלח לשרת כלשהו.
- RFC 8259 — פורמט חילופי הנתונים JSON (JavaScript Object Notation) — תחביר ומודל הנתונים של JSON
- MDN — JSON.parse() — התנהגות ניתוח JSON בדפדפן
הבנת אימות JSON
JSON (JavaScript Object Notation) נגזר מתחביר ליטרלים של אובייקטים ב-JavaScript, אך הוא פורמט נתונים נפרד ומחמיר יותר. JSON תקין דורש מפתחות וערכי מחרוזת במירכאות כפולות, ללא פסיקים נגררים, ללא הערות וללא מירכאות בודדות. המנתח (parser) קורא את המחרוזת תו אחר תו ובונה עץ ניתוח; כל שגיאת תחביר — פסיק חסר, מירכאות שלא עברו escape, או מספר לא תקין — גורמת לכישלון האימות עם הודעת שגיאה ומיקום ספציפיים. הכרת טעויות נפוצות עוזרת: פסיקים נגררים אחרי האלמנט האחרון במערך או מאפיין אובייקט אינם תקינים, וכך גם הערות בסגנון JavaScript (// או /* */). ערכים מספריים לא יכולים לכלול אפסים מובילים למעט 0 עצמו, ומחרוזות חייבות להשתמש ברצפי escape תקינים.
שימושים מעשיים למפתחים עבור עיצוב JSON
מפתחים משתמשים במעצבי JSON בעת ניפוי שגיאות (debugging) של תגובות API, בדיקת קובצי הגדרה והכנת נתונים לתיעוד. קובצי JSON דחוסים (minified) מ-API של סביבת ייצור קשים לקריאה; עיצוב קריא (pretty-printing) חושף את המבנה ומקל על זיהוי שדות פגומים או בלתי צפויים. מדדי מבנה כמו מספר מפתחות ועומק קינון עוזרים להעריך מורכבות ולזהות נתונים מקוננים מדי שעלולים לגרום לבעיות ביצועים. בעת כתיבת בדיקות או נתוני דוגמה (fixtures), קובץ JSON מעוצב קל יותר להשוואה (diff) ולסקירה במערכות בקרת גרסאות. המאמת (validator) מזהה במהירות שגיאות תחביר לפני שליחת בקשות או שמירת קובצי הגדרה, ובכך חוסך זמן בתהליך ניפוי השגיאות.
שאלות נפוצות
האם יש תמיכה ב-JSON5 או ב-JSONC? +
לא. נתמך רק JSON סטנדרטי (RFC 8259). הערות ופסיקים מיותרים בסוף יגרמו לשגיאות אימות.
האם יש מגבלת גודל? +
אין מגבלה קשיחה, אך מחרוזות JSON גדולות מאוד עלולות להאט את הדפדפן.
השתמשו במידע זה כהערכה בלבד ואמתו החלטות חשובות מול איש מקצוע מוסמך.
הנתונים נשארים בדפדפן אלא אם תכונה עתידית תציין אחרת במפורש.
מחשבונים קשורים
בדקו מחשבונים נוספים כדי להשוות תוצאות והנחות.
ממיר צבעים
המרת צבעים בין פורמטים של HEX, RGB ו-HSL באופן מיידי.
מחשבון המרת בסיסים
המרת מספר שלם לבינארי, אוקטלי, דצימלי והקסדצימלי.
מחולל UUID
צור מזהי UUID v4 אקראיים באופן מיידי.