JSON Là Gì? Tìm Hiểu JSON Qua Các Ví Dụ Cụ Thể - Vietnix

Hiện nay, trong lĩnh vực lập trình có rất nhiều thuật ngữ khác nhau có thể bạn chưa biết. Trong số đó có thể bạn chưa hiểu rõ về thuật ngữ JSON là gì?. Trong bài viết này, Vietnix sẽ giúp bạn tìm hiểu về JSON và các ví dụ cũng như ứng dụng của nó trong lập trình như thế nào?

1. JSON là gì?
2. Ví dụ về cấu trúc JSON là gì?
3. Ký hiệu đối tượng JavaScript
4. Cấu trúc về chuỗi JSON
   1. Object là gì?
   2. Các kiểu Object
   3. Dữ liệu JSON – Name & Value
5. Mảng JSON
6. Chuyển đổi một văn bản JSON thành một đối tượng JavaScript
7. Ứng dụng JSON khi nào?
8. Lời kết

JSON là gì?

JSON viết tắt của JavaScript Object Notation là một kiểu dữ liệu mở trong JavaScript đung để trao đổi dữ liệu trên website. JSON thường chủ yếu là text và được độc theo dạng “key – value”. Cấu trúc của JSON thường được sử dụng trong dấu ({}).

JSON là một kiểu định dạng dữ liệu được tuân theo một quy luật nhất định mà hầu hết các ngôn ngữ lập trình hiện nay đều có thể đọc được.

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":"Hưng", "lastName":"Nguyễn"}, {"firstName":"Trường", "lastName":"Nguyễn"}, ] }

Hoặc:

{ "name" : "Vietnix" "title": "Vietnix - Dịch vụ lưu trữ Web, Anti DDoS chuyên nghiệp", "description": "Nhà cung cấp dịch vụ Hosting, VPS, Anti DDoS chuyên nghiệp hàng đầu Việt Nam. Bạn hoàn toàn có thể yên tâm lựa chọn sử dụng dịch vụ của Vietnix." }

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 thì bạn nên đặt chữ cái không dấu hoặc là 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" : "Hung", "age" : "31", "gender" : "Male", "height": "1.72" }, { "name" : "Truong", "age" : "22", "gender" : "Male", "height" : "1m67" ];

• Nest Object:

{ "Hung" : { "name" : "Hung", "age" : "31", "gender" : "Male", "height": "1.72" }, "Truong" : { "name" : "Truong", "age" : "22", "gender" : "Male", "height" : "1m67" } }

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": "John"

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":"John", "lastName":"Doe"}, {"firstName":"Anna", "lastName":"Smith"}, {"firstName":"Peter", "lastName":"Jones"} ]

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":"John" , "lastName":"Doe" },' + '{ "firstName":"Anna" , "lastName":"Smith" },' + '{ "firstName":"Peter" , "lastName":"Jones" } ]}';

• 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, Vietnix 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 hữu ích và giúp bạn nắm được những kiến thức hay về thuật ngữ JSON. Nếu có bất kỳ thắc mắc nào bạn có thể để lại bình luận phía dưới nhé.