Tool Guide & JSON Structure Info

Tool Features

• Real-time Sync: The data in the code view on the left and the tree view on the right are linked in real-time. Modifying code on the left updates the tree structure on the right automatically; operating nodes (add, delete, modify) on the right updates the code on the left synchronously.
• Multiple View Modes: In addition to the default Code and Tree modes, the editor's internal menu also provides Text, Form, and View modes for switching.
• Secure Local Export: All data processing is done purely on the frontend in the browser. Processed JSON data can be exported to a local file with one click, ensuring data privacy and security.

Core Concepts of JSON Structure

• Object: An unordered collection of key-value pairs enclosed in curly braces {}. Keys must be strings enclosed in double quotes (e.g., "name"), and values can be any valid JSON data type.
• Array: An ordered list of values enclosed in square brackets []. Elements in an array can contain different data types.
• Basic Data Types: JSON values support String, Number, Boolean (true or false), and Null.