Trình Định Dạng JSON

Tổng quan về Định dạng JSON

JSON (JavaScript Object Notation) là một định dạng trao đổi dữ liệu nhẹ. Hiểu rõ các quy tắc của nó là điều cần thiết để tạo và xử lý cấu trúc dữ liệu JSON một cách hiệu quả.

Các quy tắc cơ bản

1. Đối tượng (Objects)
   • Được bao bởi dấu ngoặc nhọn { }
   • Đối tượng rỗng: { }
2. Mảng (Arrays)
   • Được bao bởi dấu ngoặc vuông [ ]
   • Mảng rỗng: [ ]
3. Thành phần (Cặp khóa–giá trị)
   • Khóa phải là duy nhất trong một đối tượng và được đặt trong dấu ngoặc kép ("key")
     • (Một số trình phân tích cú pháp cho phép dấu nháy đơn, nhưng nên tránh để đảm bảo tương thích)
   • Giá trị phụ thuộc vào kiểu dữ liệu:
     • Chuỗi (String): Bao trong dấu ngoặc kép
     • Boolean: Dùng true hoặc false
     • Số (Number): Theo chuẩn số thực dấu chấm động; có thể dùng ký hiệu khoa học; tránh số 0 ở đầu
     • Null: Biểu thị bằng null
     • Kiểu khác (ví dụ: ngày): Chuyển sang chuỗi để đảm bảo tương thích
   • Các ký tự đặc biệt trong chuỗi cần được escape bằng dấu gạch chéo ngược (\).
4. Quy tắc cú pháp
   • Các thành phần trong đối tượng hoặc mảng được ngăn cách bằng dấu phẩy, trừ thành phần cuối cùng
   • Phần mở rộng tệp: .json
   • Loại MIME: application/json

Ví dụ JSON

{
  "anObject": {
    "numericProperty": -122,
    "stringProperty": "An offensive \" is problematic",
    "nullProperty": null,
    "booleanProperty": true,
    "dateProperty": "2011-09-23"
  },
  "arrayOfObjects": [
    { "item": 1 },
    { "item": 2 },
    { "item": 3 }
  ],
  "arrayOfIntegers": [1, 2, 3, 4, 5]
}

JSON trong JavaScript

Vì JSON được phát triển từ JavaScript, nó tích hợp một cách liền mạch với ngôn ngữ này. Tuy nhiên, việc xử lý an toàn và đúng cách là rất quan trọng để tránh lỗi và rủi ro bảo mật.

Phân tích chuỗi JSON

Tránh sử dụng eval()

eval() có thể phân tích JSON nhưng tiềm ẩn rủi ro bảo mật vì cho phép thực thi JavaScript tùy ý. Không bao giờ sử dụng trong môi trường thực tế.

Ví dụ (Không an toàn – Không nên dùng):

var jsonString = '{"property":"value"}';
var jsonObject = eval('(' + jsonString + ')');
alert(jsonObject.property);

Thay vào đó, hãy dùng JSON.parse()

JSON.parse() chuyển đổi chuỗi JSON sang đối tượng JavaScript một cách an toàn.

Ví dụ (An toàn):

var jsonString = '{"property":"value"}';
var jsonObject = JSON.parse(jsonString);
alert(jsonObject.property);

Tạo chuỗi JSON

Dùng JSON.stringify() để chuyển đối tượng JavaScript thành chuỗi JSON.

Ví dụ:

var jsObject = { property: "value" };
var jsonString = JSON.stringify(jsObject);
alert(jsonString); // Output: '{"property":"value"}'

Tạo đối tượng JavaScript trực tiếp

Bạn có thể tạo đối tượng JavaScript trực tiếp bằng cú pháp JSON trong mã của mình.

Ví dụ:

var jsonObject = { property: "value" };
alert(jsonObject.property); // Output: 'value'

Thực hành tốt và khuyến nghị

1. Luôn dùng dấu ngoặc kép cho khóa và giá trị chuỗi để đảm bảo tương thích
2. Tránh dùng eval() để phân tích JSON nhằm đảm bảo an toàn
3. Escape các ký tự đặc biệt trong chuỗi
4. Sử dụng JSON.stringify() và JSON.parse() để xử lý JSON một cách hiệu quả và an toàn
5. Luôn xác thực dữ liệu JSON trước khi phân tích, đặc biệt nếu đến từ nguồn không đáng tin cậy.