🎯 วัตถุ JSON ง่าย ๆ

ง่าย

ตัวอย่างโครงสร้างวัตถุ JSON พื้นฐานที่สุด

{
  "name": "John Doe",
  "age": 30,
  "email": "john@example.com",
  "isActive": true,
  "score": 95.5,
  "address": null
}

📚 ตัวอย่างอาร์เรย์

อาร์เรย์

ตัวอย่างอาร์เรย์ง่าย ๆ และอาร์เรย์ของวัตถุ

{
  "fruits": ["apple", "banana", "orange", "grape"],
  "numbers": [1, 2, 3, 4, 5],
  "items": [
    {
      "id": 1,
      "name": "Item 1",
      "checked": true
    },
    {
      "id": 2,
      "name": "Item 2",
      "checked": false
    }
  ]
}

🔧 คู่คีย์-ค่า

คีย์-ค่า

ตัวอย่างคู่คีย์-ค่าง่าย ๆ และวัตถุซ้อน

{
  "status": "success",
  "code": 200,
  "data": {
    "id": "abc123",
    "timestamp": "2024-03-20T10:00:00Z",
    "values": {
      "temperature": 25.5,
      "humidity": 60,
      "pressure": 1013.25
    }
  }
}

👤 โปรไฟล์ผู้ใช้

ผู้ใช้

ตัวอย่าง JSON ข้อมูลผู้ใช้สำหรับโซเชียลมีเดียหรือหน้าโปรไฟล์

{
  "user": {
    "id": "user_123456",
    "username": "johndoe",
    "email": "john.doe@example.com",
    "profile": {
      "firstName": "John",
      "lastName": "Doe",
      "avatar": "https://example.com/avatars/johndoe.jpg",
      "bio": "Full-stack developer passionate about creating amazing web experiences",
      "location": "San Francisco, USA",
      "website": "https://johndoe.dev",
      "joinedDate": "2024-01-15T08:00:00Z"
    },
    "stats": {
      "followers": 1247,
      "following": 523,
      "posts": 89,
      "likes": 3421
    },
    "preferences": {
      "language": "en",
      "theme": "dark",
      "notifications": {
        "email": true,
        "push": false,
        "sms": false
      }
    },
    "verified": true,
    "status": "active"
  }
}

🔐 การตอบกลับการเข้าสู่ระบบ

การยืนยันตัวตน

ตัวอย่าง JSON การตอบกลับการเข้าสู่ระบบที่ส่งคืนหลังจากการยืนยันตัวตนผู้ใช้

{
  "success": true,
  "message": "Login successful",
  "data": {
    "user": {
      "id": "user_789",
      "username": "testuser",
      "email": "test@example.com",
      "role": "member",
      "lastLogin": "2024-03-19T14:30:00Z"
    },
    "tokens": {
      "accessToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c",
      "refreshToken": "dGhpcyBpcyBhIHJlZnJlc2ggdG9rZW4gZXhhbXBsZQ==",
      "expiresIn": 3600,
      "tokenType": "Bearer"
    },
    "permissions": [
      "read:profile",
      "write:profile",
      "read:posts",
      "write:posts"
    ]
  }
}

🛍️ รายการสินค้า

อีคอมเมิร์ซ

ตัวอย่าง JSON ข้อมูลสินค้าสำหรับการช้อปปิ้งออนไลน์หรือแคตตาล็อกสินค้า

{
  "products": [
    {
      "id": "prod_001",
      "name": "Wireless Bluetooth Headphones",
      "brand": "TechSound",
      "category": "Electronics",
      "price": {
        "original": 129.99,
        "discount": 99.99,
        "currency": "USD"
      },
      "rating": 4.5,
      "reviews": 342,
      "stock": 58,
      "images": [
        "https://example.com/products/headphone-1.jpg",
        "https://example.com/products/headphone-2.jpg"
      ],
      "features": [
        "Noise Cancelling",
        "40-hour Battery",
        "Hi-Fi Sound"
      ],
      "shipping": {
        "free": true,
        "estimatedDays": 2
      }
    },
    {
      "id": "prod_002",
      "name": "Smart Watch Pro",
      "brand": "FitTech",
      "category": "Wearables",
      "price": {
        "original": 399.99,
        "discount": 349.99,
        "currency": "USD"
      },
      "rating": 4.8,
      "reviews": 1024,
      "stock": 12,
      "images": [
        "https://example.com/products/watch-1.jpg"
      ],
      "features": [
        "Heart Rate Monitor",
        "Built-in GPS",
        "5ATM Water Resistant"
      ],
      "shipping": {
        "free": true,
        "estimatedDays": 1
      }
    }
  ],
  "totalItems": 2,
  "page": 1,
  "hasMore": true
}

🛒 ตะกร้าสินค้า

ตะกร้า

ตัวอย่าง JSON ข้อมูลตะกร้าสินค้าออนไลน์

{
  "cart": {
    "id": "cart_456",
    "userId": "user_123",
    "items": [
      {
        "productId": "prod_001",
        "name": "Wireless Bluetooth Headphones",
        "price": 99.99,
        "quantity": 1,
        "subtotal": 99.99,
        "thumbnail": "https://example.com/products/headphone-thumb.jpg",
        "options": {
          "color": "Black",
          "warranty": "1 Year"
        }
      },
      {
        "productId": "prod_002",
        "name": "Smart Watch Pro",
        "price": 349.99,
        "quantity": 2,
        "subtotal": 699.98,
        "thumbnail": "https://example.com/products/watch-thumb.jpg",
        "options": {
          "color": "Silver",
          "size": "42mm"
        }
      }
    ],
    "summary": {
      "subtotal": 799.97,
      "shipping": 0,
      "tax": 79.99,
      "discount": 50.00,
      "total": 829.96,
      "currency": "USD"
    },
    "coupon": {
      "code": "WELCOME50",
      "discount": 50.00,
      "applied": true
    },
    "createdAt": "2024-03-20T09:00:00Z",
    "updatedAt": "2024-03-20T11:30:00Z",
    "expiresAt": "2024-04-20T09:00:00Z"
  }
}

🌐 ตัวอย่างการตอบกลับ API

REST API

ตัวอย่าง JSON รูปแบบการตอบกลับ RESTful API มาตรฐาน

{
  "success": true,
  "status": 200,
  "message": "Request processed successfully",
  "data": {
    "items": [
      {
        "id": 1,
        "title": "First Post",
        "content": "Post content here...",
        "author": {
          "id": 42,
          "name": "Jane Smith",
          "role": "admin"
        },
        "tags": ["development", "JavaScript", "React"],
        "createdAt": "2024-03-15T10:30:00Z",
        "updatedAt": "2024-03-16T14:20:00Z",
        "viewCount": 1523,
        "likeCount": 47
      }
    ],
    "pagination": {
      "currentPage": 1,
      "totalPages": 10,
      "totalItems": 98,
      "itemsPerPage": 10,
      "hasNext": true,
      "hasPrevious": false
    }
  },
  "timestamp": "2024-03-20T09:15:30Z",
  "requestId": "req_abc123def456"
}

⚙️ การกำหนดค่าแอปพลิเคชัน

การกำหนดค่า

ตัวอย่าง JSON สำหรับการตั้งค่าแอปพลิเคชันหรือการกำหนดค่าสภาพแวดล้อม

{
  "app": {
    "name": "My Application",
    "version": "2.1.0",
    "environment": "production",
    "debug": false,
    "port": 3000
  },
  "database": {
    "type": "postgresql",
    "host": "localhost",
    "port": 5432,
    "name": "myapp_db",
    "username": "dbuser",
    "pool": {
      "min": 2,
      "max": 10,
      "idleTimeout": 30000
    }
  },
  "cache": {
    "enabled": true,
    "type": "redis",
    "ttl": 3600,
    "host": "localhost",
    "port": 6379
  },
  "security": {
    "cors": {
      "enabled": true,
      "origins": ["https://example.com", "https://app.example.com"],
      "credentials": true
    },
    "rateLimit": {
      "windowMs": 900000,
      "max": 100
    },
    "jwt": {
      "expiresIn": "7d",
      "algorithm": "HS256"
    }
  },
  "logging": {
    "level": "info",
    "format": "json",
    "destination": "file",
    "filename": "app.log",
    "maxSize": "10MB",
    "maxFiles": 5
  }
}

📝 โพสต์บล็อก

เนื้อหา

ตัวอย่าง JSON ข้อมูลโพสต์ของบล็อกหรือระบบ CMS

{
  "post": {
    "id": "post_789",
    "slug": "javascript-tips-2024",
    "title": "10 JavaScript Tips You Should Know in 2024",
    "excerpt": "Discover the latest JavaScript development trends and useful tips",
    "content": "Full post content here...",
    "featuredImage": {
      "url": "https://example.com/images/javascript-tips.jpg",
      "alt": "JavaScript code example",
      "width": 1200,
      "height": 630
    },
    "author": {
      "id": "author_123",
      "name": "Sarah Johnson",
      "bio": "Frontend Developer",
      "avatar": "https://example.com/avatars/sarah.jpg"
    },
    "categories": ["Programming", "JavaScript"],
    "tags": ["JavaScript", "Web Development", "Tips", "2024"],
    "metadata": {
      "readTime": "5 min",
      "wordCount": 1250,
      "language": "en"
    },
    "seo": {
      "title": "2024 JavaScript Development Tips - Developer Blog",
      "description": "Learn the latest tips and trends for JavaScript developers in 2024",
      "keywords": ["JavaScript", "development", "programming", "tips"]
    },
    "publishedAt": "2024-03-15T09:00:00Z",
    "updatedAt": "2024-03-18T11:30:00Z",
    "status": "published",
    "comments": {
      "enabled": true,
      "count": 23
    },
    "stats": {
      "views": 5421,
      "likes": 234,
      "shares": 89
    }
  }
}

✅ รายการสิ่งที่ต้องทำ

Todo

ตัวอย่าง JSON รายการงานสำหรับแอปพลิเคชันจัดการงาน

{
  "todos": [
    {
      "id": "todo_001",
      "title": "Write project documentation",
      "description": "Update API docs and user guide",
      "priority": "high",
      "status": "in_progress",
      "category": "work",
      "dueDate": "2024-03-25T17:00:00Z",
      "createdAt": "2024-03-20T09:00:00Z",
      "completedAt": null,
      "tags": ["documentation", "urgent"],
      "assignee": {
        "id": "user_42",
        "name": "Mike Wilson"
      },
      "checklist": [
        {
          "id": "check_1",
          "text": "Document API endpoints",
          "completed": true
        },
        {
          "id": "check_2",
          "text": "Add example code",
          "completed": false
        }
      ],
      "attachments": [],
      "reminders": ["2024-03-24T09:00:00Z"]
    },
    {
      "id": "todo_002",
      "title": "Code review",
      "description": "Review pull request #142",
      "priority": "medium",
      "status": "pending",
      "category": "development",
      "dueDate": "2024-03-22T15:00:00Z",
      "createdAt": "2024-03-20T10:30:00Z",
      "completedAt": null,
      "tags": ["review", "development"],
      "assignee": {
        "id": "user_43",
        "name": "Alex Chen"
      },
      "checklist": [],
      "attachments": [
        {
          "id": "attach_1",
          "name": "pr_changes.pdf",
          "url": "https://example.com/files/pr_changes.pdf",
          "size": 245678
        }
      ],
      "reminders": []
    }
  ],
  "filter": {
    "status": "all",
    "category": "all",
    "sortBy": "dueDate"
  },
  "statistics": {
    "total": 15,
    "completed": 8,
    "pending": 5,
    "inProgress": 2,
    "overdue": 1
  }
}

🏢 ข้อมูลบริษัท

องค์กร

ตัวอย่าง JSON ที่แสดงข้อมูลบริษัทหรือโครงสร้างองค์กร

{
  "company": {
    "id": "comp_123",
    "name": "Tech Innovation Inc.",
    "registrationNumber": "12-3456789",
    "founded": "2015-06-15",
    "industry": "Information Technology",
    "size": "50-200",
    "headquarters": {
      "address": "123 Silicon Valley Blvd",
      "city": "San Francisco",
      "state": "CA",
      "country": "USA",
      "postalCode": "94105",
      "coordinates": {
        "latitude": 37.7749,
        "longitude": -122.4194
      }
    },
    "contact": {
      "phone": "+1-415-555-0100",
      "email": "contact@techinnovation.com",
      "website": "https://www.techinnovation.com",
      "support": "support@techinnovation.com"
    },
    "socialMedia": {
      "linkedin": "https://linkedin.com/company/tech-innovation",
      "twitter": "@techinnovation",
      "facebook": "https://facebook.com/techinnovation"
    },
    "departments": [
      {
        "id": "dept_01",
        "name": "Engineering",
        "headCount": 45,
        "manager": "John Developer"
      },
      {
        "id": "dept_02",
        "name": "Design",
        "headCount": 15,
        "manager": "Sarah Designer"
      },
      {
        "id": "dept_03",
        "name": "Marketing",
        "headCount": 20,
        "manager": "Mike Marketing"
      }
    ],
    "certifications": ["ISO 9001", "ISO 27001"],
    "revenue": {
      "currency": "USD",
      "annual": 50000000,
      "growth": 0.25
    }
  }
}

📅 ข้อมูลกิจกรรม

กิจกรรม

ตัวอย่าง JSON สำหรับระบบจัดการกิจกรรมหรือปฏิทิน

{
  "event": {
    "id": "evt_2024_001",
    "title": "Developer Conference 2024",
    "type": "conference",
    "description": "Annual developer event sharing latest technology trends and best practices",
    "startDate": "2024-05-15T09:00:00-07:00",
    "endDate": "2024-05-17T18:00:00-07:00",
    "timezone": "America/Los_Angeles",
    "location": {
      "venue": "Convention Center",
      "address": "747 Howard Street",
      "city": "San Francisco",
      "state": "CA",
      "country": "USA",
      "room": "Grand Ballroom",
      "capacity": 1000
    },
    "virtual": {
      "enabled": true,
      "platform": "Zoom",
      "link": "https://zoom.us/j/123456789",
      "password": "dev2024"
    },
    "organizer": {
      "name": "Developer Association",
      "email": "info@devassoc.org",
      "phone": "+1-415-555-0100"
    },
    "speakers": [
      {
        "id": "spk_001",
        "name": "Emily Chen",
        "title": "CTO",
        "company": "Tech Startup",
        "bio": "15 years experience in full-stack development",
        "photo": "https://example.com/speakers/emily.jpg",
        "session": {
          "title": "Microservices Architecture Design",
          "time": "2024-05-15T10:00:00-07:00",
          "duration": 60
        }
      }
    ],
    "agenda": [
      {
        "day": 1,
        "date": "2024-05-15",
        "sessions": [
          {
            "time": "09:00",
            "title": "Registration & Welcome",
            "type": "registration"
          },
          {
            "time": "10:00",
            "title": "Keynote Speech",
            "type": "keynote",
            "speaker": "Emily Chen"
          }
        ]
      }
    ],
    "tickets": {
      "currency": "USD",
      "types": [
        {
          "name": "Early Bird",
          "price": 150,
          "available": 100,
          "sold": 85
        },
        {
          "name": "Regular",
          "price": 200,
          "available": 500,
          "sold": 320
        }
      ]
    },
    "sponsors": [
      {
        "level": "platinum",
        "companies": ["Google", "Microsoft"]
      },
      {
        "level": "gold",
        "companies": ["Amazon", "Apple"]
      }
    ],
    "registration": {
      "open": true,
      "deadline": "2024-05-10T23:59:59-07:00",
      "link": "https://conference2024.example.com/register"
    },
    "tags": ["development", "conference", "networking", "education"]
  }
}

📍 ข้อมูลพิกัดแผนที่

GeoJSON

ตัวอย่าง JSON ข้อมูลตำแหน่งสำหรับแอปพลิเคชันแผนที่

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "id": "loc_001",
        "name": "Golden Gate Bridge",
        "category": "landmark",
        "description": "Iconic suspension bridge in San Francisco",
        "rating": 4.8,
        "visitCount": 10000000,
        "images": [
          "https://example.com/images/golden-gate-1.jpg"
        ],
        "openingHours": {
          "monday": "00:00-24:00",
          "tuesday": "00:00-24:00",
          "wednesday": "00:00-24:00",
          "thursday": "00:00-24:00",
          "friday": "00:00-24:00",
          "saturday": "00:00-24:00",
          "sunday": "00:00-24:00"
        }
      },
      "geometry": {
        "type": "Point",
        "coordinates": [-122.4783, 37.8199]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "id": "route_001",
        "name": "Tourist Route",
        "distance": 5.2,
        "duration": 45,
        "difficulty": "easy"
      },
      "geometry": {
        "type": "LineString",
        "coordinates": [
          [-122.4194, 37.7749],
          [-122.4200, 37.7750],
          [-122.4210, 37.7752],
          [-122.4220, 37.7755]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "id": "area_001",
        "name": "Golden Gate Park",
        "type": "park",
        "area": 4121990
      },
      "geometry": {
        "type": "Polygon",
        "coordinates": [[
          [-122.5116, 37.7694],
          [-122.4536, 37.7694],
          [-122.4536, 37.7642],
          [-122.5116, 37.7642],
          [-122.5116, 37.7694]
        ]]
      }
    }
  ],
  "metadata": {
    "version": "1.0",
    "created": "2024-03-20",
    "crs": "EPSG:4326"
  }
}

⚠️ การตอบกลับข้อผิดพลาด

ข้อผิดพลาด

ตัวอย่าง JSON การตอบกลับข้อผิดพลาดมาตรฐานสำหรับการจัดการข้อผิดพลาด API

{
  "success": false,
  "error": {
    "code": "AUTH_001",
    "status": 401,
    "message": "Authentication required",
    "details": "Valid access token not provided",
    "timestamp": "2024-03-20T10:15:30Z",
    "path": "/api/v1/users/profile",
    "method": "GET",
    "suggestion": "Please login and try again",
    "documentation": "https://api.example.com/docs/authentication",
    "support": {
      "email": "support@example.com",
      "ticketUrl": "https://support.example.com/tickets/new"
    },
    "debug": {
      "requestId": "req_xyz789abc",
      "traceId": "trace_123456789",
      "spanId": "span_987654321",
      "service": "user-service",
      "version": "1.2.3"
    }
  },
  "validationErrors": [
    {
      "field": "email",
      "value": "invalid-email",
      "message": "Invalid email format"
    },
    {
      "field": "password",
      "value": null,
      "message": "Password is required"
    }
  ]
}

📦 package.json

NPM

ตัวอย่าง package.json ของโครงการ Node.js

{
  "name": "my-awesome-app",
  "version": "1.0.0",
  "description": "A modern web application built with React and Node.js",
  "main": "index.js",
  "scripts": {
    "start": "node server.js",
    "dev": "nodemon server.js",
    "build": "webpack --mode production",
    "test": "jest",
    "lint": "eslint .",
    "format": "prettier --write \"**/*.{js,jsx,json,md}\""
  },
  "keywords": ["nodejs", "react", "webapp"],
  "author": "Your Name <you@example.com>",
  "license": "MIT",
  "dependencies": {
    "express": "^4.18.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "axios": "^1.4.0",
    "dotenv": "^16.0.3"
  },
  "devDependencies": {
    "@babel/core": "^7.22.0",
    "@babel/preset-env": "^7.22.0",
    "@babel/preset-react": "^7.22.0",
    "eslint": "^8.42.0",
    "jest": "^29.5.0",
    "nodemon": "^2.0.22",
    "prettier": "^2.8.8",
    "webpack": "^5.88.0",
    "webpack-cli": "^5.1.4"
  },
  "engines": {
    "node": ">=16.0.0",
    "npm": ">=8.0.0"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/username/my-awesome-app.git"
  },
  "bugs": {
    "url": "https://github.com/username/my-awesome-app/issues"
  },
  "homepage": "https://myawesomeapp.com"
}

รายการเครื่องมือ

คอลเลกชันข้อมูลตัวอย่าง JSON