JSON là gì? Cách sử dụng JSON đơn giản dành cho người mới

Ví dụ về cấu trúc JSON là gì?

Định dạng của JSON là “key – value”, hỗ trợ các cấu trúc dữ liệu như đối tượng và mảng. Có thể xem ví dụ dưới đây.

Ví dụ này định nghĩa một đối tượng nhân viên: Gồm 2 bản ghi nhân viên (đối tượng):

{
  "employees":[
    {"firstName":"Hailey", "lastName":"Summer"},
    {"firstName":"Thanh Huyen", "lastName":"Le"},
  ]
}

Hoặc:

{
  "name" : "BKNS"
  "title": "BKNS - Nhà cung cấp tên miền, dịch vụ server, máy chủ hàng đầu Việt Nam",
  "description": "Nhà cung cấp dịch vụ tên miền, máy chủ, Cloud Server, thiết kế website,... uy tín, chất lượng, hàng đầu Việt Nam. Bạn hãy yên tâm lựa chọn sử dụng dịch vụ của BKNS."
}

Có thể thấy qua 2 ví dụ thì JSON sử dụng 2 phần đó là key và value. Và một số lưu ý về cú pháp của JSON như sau:

• Cấu trúc trong chuỗi JSON được nằm trong dấu ngoặc nhọn {}.
• Còn các key và value sẽ được đặt trong dấu “”.
• Sử dụng dấu “,” để phân tách dữ liệu với nhau.
• Key nên đặt chữ cái không dấu hoặc số.
• Dấu ngoặc nhọn dành cho đối tượng (object).
• Dấu ngoặc vuông dành cho mảng (array).

File JSON thường sẽ được lưu với phần mở rộng là .json hoặc .js. Ngoài ra, nó có thể JSON file có thể lưu với nhiều định dạng khác nữa.

Ký hiệu đối tượng JavaScript

Định dạng JSON là gì? Nó hoàn toàn giống với mã để tạo các đối tượng JavaScript. Do sự giống nhau này, JavaScript có thể dễ dàng chuyển đổi dữ liệu JSON thành các đối tượng JavaScript gốc.

Cú pháp JSON có nguồn gốc từ cú pháp ký hiệu đối tượng JavaScript, nhưng định dạng JSON chỉ là văn bản (text). Code để đọc và tạo dữ liệu JSON có thể được viết bằng bất kỳ ngôn ngữ lập trình nào.

Cấu trúc về chuỗi JSON

Object là gì?

Object trong JSON được thể hiện bằng dấu ngoặc nhọn {}. Object trong JSON cũng khá giống với Object trong JavaScript nhưng có một số điểm giới hạn như:

• Key (thuộc tính): Phải luôn được đặt trong dấu ngoặc kép “”.
• Value: Chỉ được sử dụng các kiểu dữ liệu cơ bản như number, string, arrays. objects, null và không được sử dụng funtion, date, hay undefined.
• Không đặt dấu “,” cuối cùng như bên Object của JavaScript.

Các kiểu Object

Object có 2 kiểu phổ biến là:

• Object in Array.
• Nest Object.

Để hiểu rõ hơn về 2 kiểu Object trên, bạn có thể tham khảo qua ví dụ dưới đây:

• Object in Array:

[{
    "name" : "Minh",
    "age" : "29",
    "gender" : "Male",
    "height": "1.77"
},
{
   "name" : "Lam",
   "age" : "23",
   "gender" : "Male",
   "height" : "1m75"
];

• Nest Object:

{
    "Minh" : {
    "name" : "Minh",
    "age" : "29",
    "gender" : "Male",
    "height": "1.77"
},
   "Lam" : {
   "name" : "Lam",
   "age" : "23",
   "gender" : "Male",
   "height" : "1m75"
}
}

Dữ liệu JSON – Name & Value

Dữ liệu JSON được viết dưới dạng cặp name/value, giống như các thuộc tính đối tượng JavaScript. Một cặp name/value bao gồm một tên trường (trong dấu ngoặc kép), theo sau là dấu hai chấm, theo sau là một giá trị:

"firstName": "Hailey"

Tên JSON yêu cầu dấu ngoặc kép. Tên JavaScript thì không.

Mảng JSON

Mảng JSON được viết bên trong dấu ngoặc vuông. Giống như trong JavaScript, một mảng có thể chứa các đối tượng:

"employees": [
    {"firstName":"Delie", "lastName":"Gordon"},
    {"firstName":"Alex", "lastName":"Will"},
    {"firstName":"Brenny", "lastName":"Brown"}
]

Trong ví dụ trên, đối tượng “nhân viên” là một mảng và nó chứa ba đối tượng. Mỗi đối tượng là một bản ghi của một người (có tên và họ).

Chuyển đổi một văn bản JSON thành một đối tượng JavaScript

Một cách sử dụng JSON phổ biến đó là đọc dữ liệu từ máy chủ web và hiển thị dữ liệu trong trang web. Để đơn giản, điều này có thể được thể hiện bằng cách sử dụng một string làm đầu vào.

• Đầu tiên, tạo một string JavaScript chứa cú pháp JSON:

var text = '{ "employees" : [' +
  '{ "firstName":"Delie" , "lastName":"Gordon" },' +
  '{ "firstName":"Alex" , "lastName":"Will" },' +
  '{ "firstName":"Brenny" , "lastName":"Brown" } ]}';

• Sau đó, sử dụng hàm tích hợp JavaScript JSON.parse() để chuyển đổi string thành đối tượng JavaScript:

var obj = JSON.parse(text);

• Cuối cùng, sử dụng đối tượng JavaScript mới trong trang của bạn:

Ví dụ

<p id="demo"></p>
<script>
  document.getElementById("demo").innerHTML =
  obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

Ứng dụng JSON khi nào?

Khi bạn muốn lưu trữ dữ liệu dưới dạng metadata từ phía server. Sau đó, chuỗi JSON sẽ được lưu vào database và khi cần dữ liệu thì nó sẽ được giải mã. Để rõ hơn, thì bạn có thể phát hiện một trường hợp khá phổ biến trong JavaScript mà dữ liệu được định dạng theo format JSON đó là AJAX request.

Lời kết

Bài viết trên, BKNS đã tổng hợp những thông tin và kiến thức cần thiết nhất giúp bạn hiểu rõ hơn về JSON là gì?. Hy vọng qua bài viết này sẽ giúp ích cho bạn trong các công việc cần thiết.

Đọc thêm các bài viết hữu ích và tương tự trên BKNS nữa bạn nhé.

>> Đọc thêm các bài viết khác:

Edge Computing là gì? Tầm quan trọng của Edge Computing trong xử lý dữ liệu
Proxmox là gì? Những điều về môi trường ảo Proxmox có thể bạn chưa biết
Hypervisor Là Gì? Hypervisor hoạt động như thế nào?