ตัวดูความแตกต่าง JSON (เปรียบเทียบเอกสาร JSON สองชุด)

วางเอกสาร JSON สองชุดเคียงกัน แล้วเก็บไว้เฉพาะความแตกต่างเชิงโครงสร้าง

รายการที่เพิ่ม ลบ เปลี่ยน และชนิดเปลี่ยนจะถูกแยกออกจากกัน เพื่อให้รีวิวได้เร็วและอ่านง่าย

ประมวลผลในเบราว์เซอร์เท่านั้น ไม่มีการอัปโหลดไปยังเซิร์ฟเวอร์
โหมดที่เข้าใจอาร์เรย์ช่วยลด noise ในการรีวิว
ส่งออก JSON Patch และ JSON Merge Patch
JSON ของคุณจะถูกเปรียบเทียบเฉพาะในเบราว์เซอร์นี้ และจะไม่อัปโหลดไปยังเซิร์ฟเวอร์

เวิร์กโฟลว์ที่แนะนำ

  1. ทำความสะอาดหรือเรียง JSON ก่อนด้วย JSON Formatter หรือ JSON Key Sorter เมื่อต้องการอินพุตที่สม่ำเสมอ
  2. วางหรืออัปโหลดเอกสาร JSON ฝั่งซ้ายและขวา แล้วรัน Compare
  3. เลือกโหมดอาร์เรย์ คีย์จับคู่ ค่าคลาดเคลื่อน และกฎพาธที่เหมาะกับการรีวิว
  4. ตรวจสรุป พาธที่เปลี่ยน tree และเอาต์พุต patch ที่ส่งออกได้

ตัวอย่าง

ตัวอย่างนี้แสดงวิธีลดขอบเขตความต่างจากอาร์เรย์ที่เรียงใหม่ timestamp ที่เปลี่ยน ความต่างทศนิยมเล็กน้อย และรายการที่เพิ่มหนึ่งรายการ ด้วยคีย์จับคู่ ค่าคลาดเคลื่อน และกฎพาธ

JSON ฝั่งซ้าย

อินพุต
{
  "orderId": "A-1001",
  "updatedAt": "2026-04-16T08:00:00Z",
  "customer": {
    "name": "Acme Corp",
    "tags": ["vip", "beta"]
  },
  "items": [
    {
      "sku": "A-1",
      "qty": 2,
      "price": 10
    },
    {
      "sku": "B-2",
      "qty": 1,
      "price": 4.5
    }
  ],
  "summary": {
    "currency": "USD",
    "total": 24.5
  }
}

JSON ฝั่งขวา

อินพุต
{
  "orderId": "A-1001",
  "updatedAt": "2026-04-16T08:05:00Z",
  "customer": {
    "name": "Acme Corporation",
    "tags": ["beta", "vip"]
  },
  "items": [
    {
      "sku": "B-2",
      "qty": 1,
      "price": 4.5
    },
    {
      "sku": "A-1",
      "qty": 2,
      "price": 10.0001
    },
    {
      "sku": "C-3",
      "qty": 1,
      "price": 7
    }
  ],
  "summary": {
    "currency": "USD",
    "total": 24.5001
  }
}

สิ่งที่ตัวอย่างแสดง

ตัวอย่างนี้แสดงวิธีลดขอบเขตความต่างจากอาร์เรย์ที่เรียงใหม่ timestamp ที่เปลี่ยน ความต่างทศนิยมเล็กน้อย และรายการที่เพิ่มหนึ่งรายการ ด้วยคีย์จับคู่ ค่าคลาดเคลื่อน และกฎพาธ

วิธีใช้

  1. วาง JSON ลงในตัวแก้ไขด้านซ้ายและขวา
  2. ปรับลำดับคีย์ ลำดับอาร์เรย์ และโหมดแสดงผลหากจำเป็น
  3. เริ่มเปรียบเทียบ แล้วคัดลอกหรือดาวน์โหลดรายงานเมื่อเสร็จ
  4. คัดลอกหรือดาวน์โหลดพาธที่เปลี่ยน patch, merge patch หรือรายงานเมื่อเสร็จ

สิ่งที่ทำได้

  • เปรียบเทียบโครงสร้าง JSON แบบเรียกซ้ำ
  • แยก added / removed / changed / type_changed ออกจากกัน
  • สลับระหว่างมุมมองแบบต้นไม้และแบบรายการ
  • คัดลอกรายงานหรือดาวน์โหลดเป็น JSON
  • ส่งออก JSON Patch, JSON Merge Patch, พาธที่เปลี่ยน และรายงาน Markdown
  • ยุบโหนดที่ไม่เปลี่ยนและข้ามไปยังพาธที่เกี่ยวข้องโดยตรง

สเปก

  • ลำดับคีย์ไม่กระทบผลการเปรียบเทียบเริ่มต้น
  • อาร์เรย์ถูกเปรียบเทียบตามลำดับโดยค่าเริ่มต้น แต่สามารถเปลี่ยนพฤติกรรมได้
  • เครื่องมือนี้ไม่ตรวจสอบ JSON Schema
  • การประมวลผลทั้งหมดอยู่ในเบราว์เซอร์ ไม่มีอะไรถูกส่งไปยังเซิร์ฟเวอร์
  • JSON ขนาดใหญ่มากขึ้นอยู่กับประสิทธิภาพของเบราว์เซอร์
  • อินพุตขนาดใหญ่ใช้การแสดงผลแบบสรุปก่อน และอาจปิด auto-compare

คำถามที่พบบ่อย

ละเว้นลำดับคีย์ได้ไหม?

ได้ พฤติกรรมเริ่มต้นจะหลีกเลี่ยงสัญญาณรบกวนจากลำดับคีย์ในผลลัพธ์

ตำแหน่งของอาร์เรย์ถูกเปรียบเทียบไหม?

ใช่ ตามค่าเริ่มต้น แต่คุณสามารถเปลี่ยนพฤติกรรมในแผงการตั้งค่าได้

ตรวจ JSON Schema หรือไม่?

ไม่ เครื่องมือนี้เน้นเฉพาะการหา diff เชิงโครงสร้าง

มีอะไรถูกอัปโหลดไปยังเซิร์ฟเวอร์ไหม?

ไม่มี การเปรียบเทียบเกิดขึ้นทั้งหมดในเบราว์เซอร์ของคุณ

มีอะไรถูกอัปโหลดไปยังเซิร์ฟเวอร์ไหม?

ไม่ การเปรียบเทียบ การ normalize และการส่งออกทั้งหมดทำงานในเบราว์เซอร์ของคุณ

ส่งออกอะไรได้บ้าง?

JSON Patch, JSON Merge Patch, พาธที่เปลี่ยน และรายงาน Markdown