แก้ไข JSON แบบ Tree

ทำอะไรได้

ตัวแก้ไข JSON แบบ tree เปลี่ยนเอกสาร JSON ให้เป็นโครงสร้างต้นไม้ที่ยุบ/ขยายได้ ซึ่งคุณเรียกดูและแก้ไขได้โดยตรง แทนที่จะต้องหาจุลภาคที่หายไปในไฟล์ข้อความยาว ๆ คุณแค่เปลี่ยนค่าในช่องกรอกเล็ก ๆ แล้วเครื่องมือจะเขียน JSON ที่ถูกต้องให้

เหมาะสำหรับไฟล์คอนฟิก การตอบกลับจาก API, test fixture และไฟล์คำแปล: ทุกอย่างที่คุณต้องเข้าใจโครงสร้างก่อน แล้วจึงแก้ไขอย่างแม่นยำไม่กี่จุด

วิธีใช้งาน

1. วาง JSON ลงในช่องอินพุตทางซ้าย หรือโหลดตัวอย่าง
2. สำรวจ tree คลิกลูกศรข้างออบเจกต์หรืออาร์เรย์เพื่อขยายหรือยุบ และใช้ ระดับที่ขยาย เพื่อเลือกว่า tree จะเปิดลึกแค่ไหนโดยค่าเริ่มต้น
3. แก้ไขในที่:
   • คลิกคีย์เพื่อเปลี่ยนชื่อ คีย์จะคงตำแหน่งเดิมในออบเจกต์
   • คลิกสตริงหรือตัวเลขเพื่อเปลี่ยนค่า บูลีนมีเมนู true หรือ false
   • ใช้เมนูชนิดข้อมูลทางขวาของแต่ละแถวเพื่อเปลี่ยนค่าเป็นชนิด JSON อื่น
   • กด + เพื่อเพิ่มลูกให้ออบเจกต์หรืออาร์เรย์ หรือ × เพื่อลบโหนด
4. กด Enter หรือคลิกที่อื่นเพื่อใช้การเปลี่ยนแปลง หรือกด Escape เพื่อยกเลิก
5. คัดลอก JSON ที่อัปเดตแล้วจากช่องอินพุต ตัวเลือก ย่อหน้า ควบคุมรูปแบบการจัด

Path

การเลือกแถวจะแสดง path ของแถวนั้นในสไตล์ JSONPath เช่น $.author.name หรือ $.keywords[2] พร้อมปุ่มคัดลอก คีย์ที่ไม่ใช่ identifier ธรรมดาจะอยู่ในเครื่องหมายคำพูด เช่น $["first name"] Path มีประโยชน์เมื่อคุณเขียนโค้ดหรือคิวรีที่อ่านฟิลด์เดียวกัน เช่น ด้วย jq, optional chaining ของ JavaScript หรือฟังก์ชัน JSON ของฐานข้อมูล

แก้ไขอย่างปลอดภัย

การแก้ไขจะไม่ทำให้เกิด JSON ที่ไม่ถูกต้องเลย หากใช้การเปลี่ยนแปลงไม่ได้ เช่น เปลี่ยนชื่อคีย์เป็นชื่อที่มีอยู่แล้ว หรือพิมพ์ตัวอักษรลงในตัวเลข เครื่องมือจะแสดงข้อความเหนือ tree และปล่อยเอกสารของคุณไว้ตามเดิม

หาก JSON ทางซ้ายมี syntax error ตัว tree จะถูกแทนที่ด้วยข้อผิดพลาดพร้อมบรรทัดและคอลัมน์ ให้คุณแก้ข้อความแล้วทำงานต่อได้