JSON là gì — file 'mặt mũi' của mọi API + cấu hình hiện đại

{
  "name": "Nguyễn Văn A",
  "title": "Founder vietcodex.com",
  "phone": "0987654321",
  "email": "[email protected]",
  "address": {
    "district": "Quận 1",
    "city": "HCM",
    "country": "Việt Nam"
  },
  "skills": ["React", "Next.js", "Postgres"]
}

✅ { "name": "Vietcodex" }
❌ { name: "Vietcodex" }          ← thiếu quote
❌ { 'name': "Vietcodex" }        ← single quote không chấp nhận

✅ "Việt Nam"
❌ 'Việt Nam'                     ← single quote sai

✅ { "a": 1, "b": 2 }
❌ { "a": 1, "b": 2, }            ← trailing comma cuối

❌ {
     // Đây là comment - SAI
     "name": "value"
   }
 
✅ {
     "_comment": "Đây là workaround dùng key tên _comment",
     "name": "value"
   }

{
  "company": {
    "name": "Vietcodex",
    "founders": [
      {
        "name": "A",
        "skills": ["React", "Next.js"],
        "address": {
          "city": "HCM",
          "geo": { "lat": 10.77, "lng": 106.7 }
        }
      },
      { "name": "B", "skills": [] }
    ]
  }
}

{
  "id": 123,
  "name": "Áo thun nam basic",
  "price": 199000,
  "currency": "VND",
  "in_stock": true,
  "stock_count": 42,
  "category": {
    "id": 5,
    "slug": "ao-thun-nam",
    "name": "Áo thun nam"
  },
  "images": [
    "https://cf.shopee.vn/products/123/main.jpg",
    "https://cf.shopee.vn/products/123/back.jpg"
  ],
  "ratings": {
    "average": 4.5,
    "count": 89,
    "distribution": {
      "5": 50,
      "4": 25,
      "3": 8,
      "2": 4,
      "1": 2
    }
  },
  "created_at": "2025-01-15T10:30:00Z"
}

{
  "id": 123456,
  "tid": "FT2026000123456",
  "description": "VC2026000001",
  "amount": 800000,
  "when": "2026-05-22T10:30:00Z",
  "bank_sub_acc_id": "vcb-9999",
  "sub_acc_id": "9999",
  "virtual_account": "",
  "virtual_account_name": "",
  "corresponsive_name": "NGUYEN VAN A",
  "corresponsive_account": "1023456789",
  "corresponsive_bank_id": "970436",
  "corresponsive_bank_name": "Vietcombank"
}

{
  "success": false,
  "error": {
    "code": "INVALID_INPUT",
    "message": "Email is required",
    "details": {
      "field": "email",
      "received": null
    }
  }
}

{
  "name": "vietcodex-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "node scripts/build-wiki-index.mjs && next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "next": "16.2.6",
    "react": "^19.0.0",
    "better-auth": "^1.6.10",
    "drizzle-orm": "^0.45.2"
  },
  "devDependencies": {
    "typescript": "^5.3.0",
    "@types/node": "^20.0.0"
  }
}

{
  "compilerOptions": {
    "target": "ES2022",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "files.exclude": {
    "**/.next": true,
    "**/node_modules": true
  }
}

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Article",
      "headline": "Cookies, Session, Token — 3 cách web nhớ bạn",
      "datePublished": "2026-05-22",
      "author": {
        "@type": "Organization",
        "name": "VietCodex"
      }
    },
    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        { "@type": "ListItem", "position": 1, "name": "Wiki", "item": "https://wiki.vietcodex.com" },
        { "@type": "ListItem", "position": 2, "name": "Cơ bản", "item": "https://wiki.vietcodex.com/co-ban" }
      ]
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Cookies có nguy hiểm không?",
          "acceptedAnswer": { "@type": "Answer", "text": "..." }
        }
      ]
    }
  ]
}
</script>

const jsonStr = '{"name":"A","age":25}';
const obj = JSON.parse(jsonStr);
 
console.log(obj.name);  // "A"
console.log(obj.age);   // 25

const obj = { name: "A", age: 25, skills: ["React"] };
const jsonStr = JSON.stringify(obj);
// '{"name":"A","age":25,"skills":["React"]}'
 
// Pretty print với indent 2 space:
const pretty = JSON.stringify(obj, null, 2);
// {
//   "name": "A",
//   "age": 25,
//   "skills": ["React"]
// }

// 1. Date không trong JSON spec
const obj = { date: new Date() };
const str = JSON.stringify(obj);
// '{"date":"2026-05-22T10:30:00.000Z"}'
const back = JSON.parse(str);
back.date instanceof Date;  // false! Là string thường
 
// Cần re-parse manual:
back.date = new Date(back.date);
 
// 2. undefined biến mất
JSON.stringify({ a: undefined, b: null });
// '{"b":null}'  ← a không tồn tại
 
// 3. Function biến mất
JSON.stringify({ fn: () => 1 });
// '{}'
 
// 4. Circular reference throw
const a = { name: "A" };
a.self = a;
JSON.stringify(a);  // TypeError: Converting circular structure

[
  {
    "slug": "co-ban/cookies-session-token",
    "title": "Cookies, Session, Token — 3 cách web nhớ bạn",
    "description": "HTTP vốn không có trí nhớ...",
    "category": "co-ban",
    "categoryLabel": "Cơ bản",
    "tags": ["cookies", "session", "token", "jwt"],
    "headings": ["Hiểu đơn giản nhất", "Tại sao bạn cần biết", ...],
    "body": "Hiểu đơn giản nhất Web hoạt động trên HTTP..."
  },
  {
    "slug": "co-ban/https-ssl-tls",
    "title": "HTTPS, SSL, TLS...",
    ...
  }
]